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PREFACE 


微 电 子 技术 、 计 算 机 技术 、 网 络 技术 、 通 信 技 术 、 多 媒体 技术 等 高 新 科技 日 新 月 异 的 飞 
速 发 展 和 普及 应 用 ,不 仅 有 力 地 促进 了 各 国 经 济 发 展 . 加 速 了 全 球 经 济 一 体 化 的 进程 ,而 
且 促 进 着 当今 世界 迅速 跨 入 信息 社会 。 以 计算 机 为 主导 的 计算 机 文化 ,正在 深刻 地 影响 
人 类 社会 的 经 济 发 展 与 文明 建设 ; 以 网 络 为 基础 的 网 络 经 济 ,正在 全 面 地 改变 传统 的 社 
会 生活 、 工 作 方式 和 商务 模式 。 当 今 社 会 ,计算 机 应 用 水 平 、 信 息 化 发 展 速度 与 程度 ,已 经 
成 为 衡量 一 个 国家 经 济 发 展 和 竞争 力 的 重要 指标 。 

目前 我 国正 处 于 经 济 快速 发 展 与 社会 变革 的 重要 时 期 , 随 着 经 济 转型 .产业 结构 调 
整 、 传 统 企业 改造 ,涌现 了 大 批 电子 商务 ,新 媒体 、 动 漫 、 艺 术 设 计 等 新 型 文化 创意 产业 ,而 
这 一 切 都 离 不 开 计 算 机 ,都 需要 网 络 等 现代 化 信息 技术 手段 的 支撑 。 处 于 网 络 时 代 、 信 息 
化 社会 ,今天 人 们 所 有 工作 都 已 经 全 面 实 现 了 计算 机 化 、 网 络 化 ,当今 更 加 强调 计算 机 应 
用 与 行业 ,企业 的 结合 ,更 注重 计算 机 应 用 与 本 职工 作 、 具 体 业务 的 紧密 结合 。 当 前 , 面 对 
国际 市 场 的 激烈 竞争 和 巨大 的 就 业 压力 ,无 论 是 企业 还 是 即将 毕业 的 学 生 ,掌握 好 计算 机 
应 用 技术 已 成 为 求生 存 、 谋 发 展 的 关键 技能 。 

没有 计算 机 就 没有 现代 化 ! 没有 计算 机 网 络 就 没有 我 国 经 济 的 大 发 展 ! 为 此 ,国家 
出 台 了 一 系列 关于 加 强 计算 机 应 用 和 推动 国民 经 济 信息 化 进程 的 文件 及 规定 ,启动 了 “ 电 
子 商务 、 电 子 政务 、 金 税 " 等 具有 深刻 含义 的 重大 工程 ,加 速 推 进 “ 国 防 信 息 化 ,金融 信息 
化 、 财 税 信息 化 ` 企 业 信息 化 教育 信息 化 ,社会 管理 信息 化 ”, 全 社会 又 掀起 新 一 轮 计 算 机 
学 习 应 用 的 热潮 ,因此 ,本 套 教材 的 出 版 具有 特殊 意义 。 

针对 我 国 应 用 型 大 学 “计算 机 应 用 ”等 专业 知识 老化 .教材 陈旧 、 重 理论 轻 实 践 、 缺 乏 
实际 操作 技能 训练 等 问题 ,为 了 适应 我 国 国 民 经 济 信息 化 发 展 对 计算 机 应 用 人 才 的 需要 ， 
为 了 全 面 贯彻 教育 部 关于 “加 强 职业 教育 ”精神 和 “强化 实践 实 训 、 突 出 技能 培养 "的 要 求 ， 
根据 企业 用 人 与 就 业 岗 位 的 真实 需要 ,结合 应 用 型 大 学 “计算 机 应 用 ”和 “网 络 管理 "等 专 
业 的 教学 计划 及 课程 设置 与 调整 的 实际 情况 ,我 们 组 织 北 京 联合 大 学 、 陕 西 理工 学 院 、 北 
方 工业 大 学 ,华北 科技 学 院 、 北 京 财 贸 职 业 学 院 、 山 东 滨 州 职业 学 院 、 山 西 大 学 .首钢 工学 
院 、 包 头 职业 技术 学 院 、 北 京 科技 大 学 、 广 东 理 工学 院 、 北 京城 市 学 院 、 郑 州 大 学 ,北京 朝阳 
社区 学 院 \ 哈 尔 滨 师范 大 学 、 黑 龙 江 工 商 大 学 、 北 京 石景山 社区 学 院 、 海 南 职 业 学 院 、 北 京 
西城 经 济 科学 大 学 等 全 国 30 多 所 高 校 及 高 职 院 校 的 计算 机 教师 和 具有 丰富 实践 经 验 的 
企业 人 士 共同 撰写 了 此 套 教材 。 

本 套 教材 包括 (ASP. NET 动态 网 站 设计 与 制作 兴 数 据 库 技术 应 用 教程 (SQL Server 
2012 版 ) 兴 Web 静态 网 页 设计 与 排版 汉中 小 企业 网 站 建设 与 管理 ) 等 。 在 编写 过 程 中 ,全 
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体 作 者 注意 坚持 以 科学 发 展 观 为 统领 ,严守 统一 的 创新 型 案例 教学 格式 化 设计 ,采取 任务 
制 或 项 目 制 写法 ; 注重 校 企 结合 ,贴近 行业 企业 岗位 实际 ,注重 实用 性 技术 与 应 用 能 力 的 
训练 培养 ,注重 实践 技能 应 用 与 工作 背景 紧密 结合 ,同时 也 注重 计算 机 、 网 络 、 通 信 、 多 媒 
体 等 现代 化 信息 技术 的 新 发 展 , 具 有 和 集成 性 、 系 统 性 、 针 对 性 、 实 用 性 、 易 于 实施 教学 等 
特点 。 

本 套 教材 不 仅 适合 应 用 型 大 学 及 高 职高 专 院 校 计算 机 应 用 、 网 络 、 电 子 商 务 等 专业 学 
生 的 学 历 教育 ,同时 也 可 作为 工商 、 外 贸 、 流 通 等 企 事业 单位 从 业 人 员 的 职业 教育 和 在 职 
培训 ,对 于 广大 社会 自学 者 也 是 有 益 的 参考 学 习 读 物 。 


系列 教材 编 委 会 
2015 年 10 月 


FOREWORD 


网 络 经 济 推动 国民 经 济 快速 发 展 , 企 业 网 站 运营 作为 现代 科技 进步 催生 的 新 型 生产 
力 ,不 仅 在 拉动 内 需 、 解 决 就 业 、 扩 大 经 营 \ 促 进 经 济 发 展 . 加 速 传统 产业 升级 ,提高 企业 竞 
争 力 等 方面 发 挥 着 重要 作用 ,而 且 也 在 彻底 改造 企业 的 经 营 管理 方式 ,并 在 深刻 地 改变 着 
企业 商务 活动 的 运作 模式 ,因而 越 来 越 受到 各 级 政府 和 各 类 企业 的 重视 。 

随 着 计算 机 与 网 络 通信 技术 的 飞速 发 展 , 计 算 机 网 络 应 用 已 经 渗透 到 社会 经 济 领域 
的 各 个 方面 。 企 业 网 站 建设 既是 信息 化 推进 的 基础 ,也 是 网 络 经 济 发 展 的 关键 环节 。 

动态 网 站 设计 制作 是 高 等 院 校 计算 机 应 用 和 网 络 管理 专业 重要 的 核心 课程 ,也 是 计 
算 机 网 络 及 软件 相关 专业 中 常设 的 一 门 专业 课 ; 当前 学 习 动 态 网 站 设计 制作 知识 ,掌握 
动态 网 站 设计 开发 应 用 的 关键 技能 ,已 经 成 为 网 站 及 IT 从 业者 的 先决 和 必要 条 件 。 

目前 我 国正 处 于 经 济 改革 与 社会 发 展 的 关键 时 期 , 随 着 国民 经 济 信息 化 的 迅猛 发 展 ， 
面 对 IT 市 场 的 激烈 竞争 、 面 对 就 业 的 巨大 压力 ,努力 学 好 动态 网 站 设计 制作 ,真正 掌握 
现代 化 网 络 开发 工具 ,对 于 今后 的 发 展 具有 特殊 的 意义 。 

本 书 作 为 高 等 教育 应 用 型 大 学 本 科 及 高 职高 专 院 校 计算 机 应 用 和 网 络 管理 专业 的 特 
色 教 材 ,全 书 共 7 章 。 以 学 习 者 应 用 能 力 培养 为 主线 ,坚持 科学 发 展 观 ,严格 按照 国家 教 
育 部 关于 “加 强 职业 教育 突出 实践 技能 培养 "的 要 求 , 根 据 应 用 型 大 学 教学 改革 的 需要 ， 
依照 动态 网 站 设计 制作 学 习 和 应 用 的 基本 过 程 和 规律 ,采用 “任务 驱动 .案例 教学 "写法 ， 
突出 “实例 与 理论 的 紧密 结合 ”, 循 序 渐进 地 进行 知识 要 点 的 讲解 。 

本 书 的 特色 和 价值 如 下 。 

1. 项 目 驱 动 ,案例 教学 ,面向 岗位 ,突出 技能 培养 。 每 一 章 都 包含 丰富 的 案例 ,让 读 
者 可 以 理论 联系 实际 , 既 掌 握 了 基础 知识 的 原理 ,也 掌握 了 如 何 运用 这 些 基础 知识 的 
方法 。 

2. 完善 学 生 的 知识 结构 ,培养 复合 型 人 才 , 提 升学 生 就 业 竞争 力 。 本 书 从 动态 网 站 
开发 的 各 个 角度 进行 了 讲解 ,让 学 生 完整 地 掌握 使 用 ASP. NET 技术 开发 动态 网 站 的 方 
法 ,帮助 学 生 掌 握 独 立 开 发 动态 网 站 的 能 力 。 

3. 提供 方便 老师 和 学 生 使 用 的 辅助 资源 包 。 其 主要 包括 书 中 每 一 个 章节 使 用 的 完 
整 的 程序 源 代 码 文件 ,以 及 相关 辅助 文件 (数据 库 文件 ,资源 文件 等 ) ,读者 在 学 习 书 中 内 
容 的 同时 ,可 以 运行 这 些 实例 ,更 深入 地 掌握 和 领会 书 中 内 容 。 

本 书 融 入 了 最 新 的 实践 教学 理念 ,力求 严谨 ,注重 与 时 俱 进 ,具有 知识 系统 、 案 例 丰 
富 .贴近 实际 、 突 出 实用 性 等 特点 。 本 书 既 可 作为 应 用 型 大 学 本 科 及 高 职高 专 院 校 计算 机 
应 用 、 网 络 管理 ,电子 商务 等 专业 教学 的 教材 ,也 可 用 于 广大 企 事 业 单位 IT 从 业 人 员 的 
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职业 教育 和 在 职 培训 ,并 可 为 网 站 设计 爱好 者 和 程序 员 实际 工作 提供 有 益 的 参考 。 

本 书 由 李 大 军 筹划 并 具体 组 织 , 关 忠和 于 洪 霞 主编 , 关 忠 统 改 稿 , 王 耀 、 李 毅 为 副 主 
编 , 由 具有 丰富 动态 网 站 设计 制作 教学 与 实践 经 验 的 邵 晶 波 ( 博 士 ) 教 授 审 订 。 作 者 编写 
分 工 为 件 惟 仲 编写 序言 , 李 妍 编写 第 1 章 , 李 毅 编 写 第 2 章 , 于 洪 霞 编写 第 3 章 和 第 7 章 ， 
刘 靖 宇 编写 第 4 章 和 附录 , 关 忠 编写 第 5 章 , 王 耀 编 写 第 6 章 , 由 华 燕 萍 、 李 晓 新 进行 文字 
修改 版式 调整 并 制作 教学 课件 。 

在 本 书 编写 过 程 中 ,参阅 借鉴 了 大 量 国内 外 有 关 动 态 网 站 制作 的 最 新 书刊 ,相关 网 站 
资料 国家 历年 颁布 实施 的 法 规 和 管理 规定 ,并 得 到 编 委 会 及 业界 专家 教授 的 具体 指导 ， 
在 此 一 并 致谢 。 为 配合 本 书 的 发 行使 用 ,提供 配套 电子 课件 和 资源 包 , 读 者 可 以 从 清华 大 
学 出 版 社 网 站 (www. tup. com. cn) 免 费 下 载 。 

因 动 态 网 站 设计 制作 技术 发 展 较 快 且 作者 水 平 有 限 , 书 中 难免 存在 玻 漏 和 不 足 , 恳 请 
同行 和 读者 批评 指正 。 


编 者 
2016 年 1 月 
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网 站 开发 基础 


随 着 Internet 的 迅猛 发 展 ,网 络 正极 大 地 改变 着 人 类 的 生活 和 工作 方式 。 通 过 网 络 
可 以 购物 .搜索 信息 ,看病 挂号 ,预订 各 项 服务 等 ,这 一 切 都 离 不 开 Web 网 站 的 支撑 。 在 
开始 正式 学 习 动 态 网 站 开发 之 前 ,要 先 对 动态 网 站 开发 有 一 个 基本 的 了 解 。 

本 章 将 介绍 开发 网 站 的 一 些 基础 知识 ,通过 本 章 的 学 习 , 将 使 读者 了 解 网 页 设计 的 基 
本 概念 、 构 成 网 页 的 基本 要 素 、 制 作 网 页 的 基本 工具 和 网 站 运行 的 环境 。 


1.1 网 站 基础 知识 


Internet 是 一 个 将 世界 各 种 不 同 计 算 机 网 络 连接 起 来 的 全 球 性 网 络 。 网 站 是 一 种 
沟通 工具 ,人 们 可 以 通过 网 站 来 发 布 自己 想 要 公开 的 资讯 ,或 者 利用 网 站 来 提供 相关 
的 网 络 服务 。 人 们 可 以 通过 网 页 浏览 器 来 访问 网 站 ,获取 自己 需要 的 资讯 或 者 享受 网 
络 服务 。 

在 学 习 相 关 知 识 之 前 先 浏览 一 些 经 典 网 站 页 面 效果 ,如 图 1-1 所 示 。 


1.1.1 WWW 简介 


WWW 是 环球 信息 网 的 缩写 ,英文 全 称 为 World Wide Web, 中 文 名 字 为 “万 维 网 ” 
“环球 网 "等 , 常 简称 为 Web。 

WWW 分 为 Web 客户 端 和 Web 服务 器 程序 。WWW 可 以 让 Web 客户 端 (常用 浏览 
器 ) 访 问 浏览 Web 服务 器 上 的 页 面 。 它 利用 超 文本 (hypertext) 、 超 媒体 (hypermedia) 等 
技术 ,用 户 通过 浏览 器 可 以 方便 地 通过 全 局 “统一 资源 标识 符 ”"(URD) 标 识 检索 远程 服务 
器 上 的 资源 (文本 、 图 片 、 声 音 及 视频 文件 ) ,这 些 资源 通过 超 文本 传输 协议 (HyperText 
Transfer Protocol,HTTP) 传 送 给 用 户 。 

1. 统一 资源 定位 器 

统一 资源 定位 器 (Uniform Resource Locator, URL) 是 对 可 以 从 互联 网 上 得 到 的 资 
源 的 位 置 和 访问 方法 的 一 种 简洁 表示 ,是 互联 网 上 标准 资源 的 地 址 。 互 联网 上 的 每 个 文 
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图 1-1 经 典 网 站 页 面 效 果 
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件 都 有 一 个 唯一 的 URL, 它 包含 的 信息 指出 文件 的 位 置 以 及 浏览 器 应 该 怎么 处 理 它 。 简 
单 地 说 ,URL 就 是 WWW 服务 器 主机 的 地 址 ,也 称 为 网 址 。 
URL 的 结构 是 有 一 定 规则 的 , 它 的 语法 格式 如 下 : 


协议 名 称 : // 服 务 器 主机 名 称 [ : 通信 端口 /文件 目录 /文件 名 称 ] 


例如 ,http://www. sina. com. cn/news/2015-03-27/08221416883. html, 其 中 http 是 
WWW 服务 器 与 客户 机 之 间 遵循 的 通信 协议 ; www. sina. com. cn 用 来 标识 该 文件 存储 
在 哪个 服务 器 上 ; /news/2015-03-27/ 是 文件 所 在 的 目录 路 径 ; 08221416883. html 是 这 
个 文件 的 名 称 。 

2. 超 文本 标记 语言 

超 文 本 标记 语言 (HyperText Markup Language, HTML) 是 一 种 专门 用 于 WWW 的 
编程 语言 ,用 于 描述 超 文 本 各 个 部 分 的 构造 ,告诉 浏览 器 如 何 显示 文本 ,怎样 生成 文档 链 
接 等 信息 。 使 用 HTML 编写 的 文件 之 所 以 被 称 为 超 文 本 文件 ,是 因为 它 能 独立 于 各 种 
操作 系统 平台 。HTML 文件 中 可 以 加 入 图 片 声音、 动画 .影视 等 网 页 内 容 , 并 且 可 以 从 
一 个 文件 跳 转 到 另 一 个 文件 ,与 世界 各 地 主机 的 文件 链接 。 


1.1.2 网 页 和 网 站 


1. 网 页 

网 页 是 用 HTML 或 者 其 他 语言 编写 的 ,通过 IE 浏览 器 编译 后 供用 户 获取 信息 的 页 
面 , 又 称 为 Web 页 ,其 中 可 包含 文字 、 图 像 .表格 ,动画 和 超 链 接 等 各 种 网 页 元 素 。 网 页 一 
般 可 分 为 静态 网 页 和 动态 网 页 。 

静态 网 页 是 指 网 页 文件 中 没有 程序 ,而 只 有 HTML 代码 ,一般 以 . html 或 者 . htm 为 
后 级 名 ,如 图 1-2(a) 所 示 。 

动态 网 页 是 指 网 页 文件 中 不 仅 具 有 HTML 标记 ,而 且 还 含有 程序 代码 ,并 通过 数据 
库 建立 连接 ,通常 以 . asp、 aspx、. jsp、. php 等 为 后 级 名 。 这 种 文档 类 型 的 网 页 由 于 采用 
了 动态 网 页 技术 ,所 以 拥有 更 好 的 交互 性 ,安全 性 和 友好 性 ,如 图 1-2(b) 所 示 。 

2. 网 站 

网 站 是 指 在 互联 网 上 ,根据 一 定 的 规则 ,使 用 HTML 等 工具 制作 的 用 于 展示 特定 内 
容 的 相关 网 页 集合 , 它 建立 在 网 络 基 础 之 上 ,以 计算 机 、 网 络 和 通信 技术 为 依托 ,通过 一 台 
或 多 台 计 算 机 向 访问 者 提供 服务 。 平 时 所 说 的 访问 某 个 站 点 ,实际 上 访问 的 是 提供 这 种 
服务 的 一 台 或 多 台 计 算 机 。 

网 站 和 网 页 的 区 别 在 于 网 站 是 一 个 整体 ,而 网 页 是 一 个 个 体 。 网 站 是 有 独立 域名 、 独 
立 存放 空间 的 内 容 集合 ,这 些 内 容 可 能 是 网 页 ,也 可 能 是 程序 或 其 他 文件 ,不 一 定 要 有 很 
多 网 页 ,主要 有 独立 域名 和 空间 ,哪怕 只 有 一 个 页 面 也 叫 网 站 。 

网 页 是 网 站 的 组 成 部 分 。 有 了 很 多 网 页 没有 独立 的 域名 和 空间 也 只 能 说 是 网 页 ， 
如 Blog、 挂 在 别人 那里 的 个 人 主页 、 网 店 等 尽管 有 很 多 页 面 ,功能 也 齐全 ,但 都 不 能 叫 
网 站 。 


Ww ASP.NET 动 态 网 站 设计 与 制作 


< [Gamma 


re 


FD se 


(a) 静态 网 页 


< © » Ohtps//ebankbankofbeling.comcn/bccbpb/iogou 
GG 北京 组 元 在 线 银行 从 satmenan 


BANK OF BELJING 


感谢 您 使 用 北京 银行 网 上 银行 


戎 通 版 用 户 


ea | 
谁 说 只 有 专家 会 理财 ? ke a 
在 线 银行 让 一 切 变 得 如 此 简 


3 -| 二 生生 
(b) 动态 网 页 


图 1-2 网 页 


网 之 静态 网 页 开发 语言 


静态 网 页 有 时 也 称 为 平面 页 ,是 网 站 建设 的 基础 ,早期 的 网 站 一 般 都 是 由 静态 网 页 制 
作 的 。 


1.2.1 静态 网 页 


1. 静态 网 页 概述 

在 网 站 设计 中 ,静态 网 页 是 标准 的 HTML 文件 , 它 的 文件 扩展 名 是 . htm、. html, 可 
以 包含 文本 、 图 像 .声音 .Flash 动画 、 客 户 端 脚 本 和 ActiveX 控件 及 Java 小 程序 等 ; 可 以 
出 现 各 种 动态 的 效果 ,如 GIF 格式 的 动画 .Flash 滚动 字 莫 等。 这些“ 动态 效果 ”只 是 视觉 
上 的 ,相对 于 动态 网 页 而 言 ,静态 网 页 主要 指 没有 后 台数 据 库 \ 不 含 程序 和 不 可 交互 的 网 


页 。 


等 常 


语言 
显示 
的 标 


原因 
的 解 
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静态 网 页 更 新 起 来 相对 比较 麻烦 ,适用 于 一 般 更 新 较 少 的 展示 型 网 站 。 

2. 静态 网 页 的 特点 

(1) 静态 网 页 每 个 页 面 都 有 一 个 固定 的 URL, 且 网 页 URL 以 . htm、 html、. shtml 
见 形式 为 后 级 。 

(2) 静态 网 页 是 实 实在 在 保存 在 服务 器 上 的 文件 ,每 个 网 页 都 是 一 个 独立 的 文件 。 
(3) 静态 网 页 的 内 容 相对 稳定 ,因此 容易 被 搜索 引擎 检索 。 

(4) 静态 网 页 没有 数据 库 , 在 网 站 制作 和 维护 方面 工作 量 较 大 。 

(5) 静态 网 页 的 交互 性 较 差 , 在 功能 方面 有 较 大 的 限制 。 

(6) 页 面 浏览 迅速 ,开启 页 面 速 度 快 于 动态 页 面 。 

(7) 减轻 了 服务 器 的 负担 ,工作 量 减 少 ,也 降低 了 数据 库 的 成 本 。 


1.2.2 HTML 的 基本 知识 


1. HTML 的 基本 概念 

超 文本 标记 语言 是 为 网 页 创建 和 其 他 可 在 网 页 浏览 器 中 看 到 的 信息 设计 的 一 种 标记 
。 超 文本 标记 语言 是 标准 通用 标记 语言 下 的 一 个 应 用 ,也 是 一 种 规范 、 一 种 标准 , 它 
标记 符号 来 标记 要 显示 的 网 页 中 的 各 个 部 分 。 

网 页 文件 本 身 是 一 种 文本 文件 ,通过 在 文本 文件 中 添加 标记 符 , 可 以 告诉 浏览 器 如 何 
其 中 的 内 容 ( 如 文字 如 何 处 理 ,画面 如 何 安排 ,图 片 如 何 显示 等 ) 。 

浏览 器 按 顺序 阅读 网 页 文件 ,然后 根据 标记 符 解 释 和 显示 其 标记 的 内 容 , 对 书写 出 错 
记 将 不 指出 其 错误 , 且 不 停止 其 解释 执行 过 程 ,编制 者 只 能 通过 显示 效果 来 分 析出 错 
和 出 错 部 位 。 需 要 注意 的 是 ,对 于 不 同 的 浏览 器 ,对 同一 标记 符 可 能 会 有 不 完全 相同 
释 , 因 而 可 能 会 有 不 同 的 显示 效果 。 

2. HTML 语言 的 工作 原理 

HTML 编程 就 是 用 各 种 各 样 的 标记 把 在 页 面 中 要 显示 的 内 容 组 织 起 来 ,其 中 包含 


了 许多 标记 和 文本 ,浏览 器 可 以 理解 这 些 标 记 , 并 把 标记 解 译 出 来 ,显示 出 所 浏览 的 
网 页 。 


3. 基本 的 HTML 语法 
在 HTML 语言 中 ,所 有 标记 都 须 用 二 二 括 起 来 ,如 二 HTML 放 、 二 HEAD 放 、 


<BODY>> 等 。 


所 影 
例如 


大 部 分 标记 都 是 成 对 出 现 的 ,包括 开始 标记 和 结束 标记 ,开始 标记 和 结束 标记 定义 了 
响 的 范围 。 结 束 标记 与 开始 标记 名 称 相同 ,但 结束 标记 总 是 以 一 个 斜 线 符号 开头 的 ， 
,二 HTML 之 和 < 二 /HTML 二 。 也 有 一 些 标记 没有 结束 标记 符号 , 如 换行 标记 


<BR>。 


记 的 
言 就 


标记 可 放置 在 网 页 中 的 任意 部 位 ,浏览 器 不 会 把 这 些 标记 本 身 显示 出 来 ,只 是 按照 标 
要 求 对 标记 符 之 间 的 内 容 进行 特殊 显示 。 每 种 标记 有 不 同 的 作用 ,学 习 HTML 语 
是 学 习 这 些 各 种 各 样 的 标记 。 
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4. HTML 的 基本 结构 
HTML 文档 主要 由 3 部 分 组 成 ,如 图 1-3 所 示 。 


1) HTML 部 分 

HTML 部 分 以 <HTML > 标签 开始 ,以 /HTML 款 本 
签 结束 。 a 

文本 、 图 像 、 动 画 等 
旺 【基本 语法 ny 
</HTW> 

a 1-3 HTML 的 基本 结构 

</HTML > 

二 HTML> 标 签 告诉 浏览 器 这 两 个 标签 中 间 的 内 容 是 HTML 文档 。 

2) 头 部 


头 部 以 二 HEAD 二 标签 开始 ,以 二 /HEAD 二 标签 结束 。 这 部 分 包含 显示 在 网 页 标题 
栏 中 的 标题 和 其 他 在 网 页 中 不 显示 的 信息 。 标 题 包含 在 二 TITLE 之 和 过/TITLE> 标 签 
之 间 。 


旺 【基本 语法 】 


<HEAD> 
< TITLE>...</TITLE> 
</HEAD> 


3) 主体 部 分 
主体 部 分 包含 在 网 页 中 显示 的 文本 、 图 像 和 链接 。 主 体 部 分 以 二 BODY 二 标签 开始 ， 
以 二 /BODY 二 标签 结束 。 


慨 [基本 语法 ] 
< BODY> 
</BODY> 


§ 【小 提示 】 


标签 不 区 分 大 小 写 ,因此 用 户 可 以 使 用 二 html 二 来 代 蔡 一 HTML 放 ,其 他 标记 雷同 。 
5. 标记 符 的 属性 
大 多 数 标记 都 包含 有 多 个 属性 ,通过 这 些 属性 可 以 对 作用 的 内 容 进行 更 多 地 控制 。 
在 HTML 语言 中 ,所 有 属性 都 放置 在 开始 标记 的 尖 括 号 内 。 
恨 [基本 语法 ] 


< 标记 名 ”属性 名 = 属性 值 ”属性 名 = 属性 值 > 文本 </ 标 记名 > 
示例 代码 如 下 。 
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< font face = "宋体 " size = "2"> 静 态 网 页 </font > 
说 明 : 标记 名 为 font。font 的 属性 有 face 和 size。face 属性 值 为 “宋体 ”,size 属性 值 为 2。 
1.2.3 HTML 常用 标记 


1. 标题 标记 二 hn 

标题 标记 二 hn>..…. 二 /hn 这 用 于 设置 文档 中 的 标题 。 标 题 标 签 中 的 n 代表 1 一 6 这 
个 范围 ,二 hl 二 定义 最 大 的 标题 ,一 h6 过 定义 最 小 的 标题 。 

示例 代码 如 下 。 


<html> 

<body> 

<hl > 一 级 标题 </hl > 

<h2 > 二 级 标题 </h2 > 

<h3 > 三 级 标题 </h3 > 

<h4 > 四 级 标题 </h4 > 

<h5 > 五 级 标题 </h5 > 

<h6 > 六 级 标题 </h6 > 

</body> 

</html > 

具体 效果 如 图 1-4 所 示 。 

2. 字体 标记 二 font 二 图 1-4 hn 标记 效果 

字体 标记 二 font 二 .…</font 之 用 来 设置 文本 的 字符 格式 ,将 文本 置 于 过 font 之 和 
去 /font 二 标记 之 间 ,通过 属性 face、size 和 color 来 设置 字体 、 字 号 和 颜色 。 

示例 代码 如 下 。 

<html> 

<body> 

<hl >< font face = "隶书 "> 文字 设置 </font ></hl > 

<p><font size= "7" face = "楷体 "color = "red"> 设 置 文字 的 字体 .颜色 和 大 小 </font ></p> 


</body> 
</html > 


设置 效果 如 图 1-5 所 示 。 


文字 设置 


设置 文字 的 字体 、 颜 色 和 大 小 


图 1-5 font 标记 效果 
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3. 分 段 标记 二 p 二 

分 段 标记 二 p.… 一 /p 二 定义 了 一 个 段落 ,使 用 该 标记 后 续 内 容 隔 一 行 显示 。 若 同 
时 使 用 二 p 二 和 二 /p, 则 将 段落 包围 起 来 ,表示 一 个 分 段 的 块 ; 若 省 略 结束 标 记 二 /p 二 ,可 
以 将 开始 标记 二 p 二 放 在 段 尾 。 

分 段 标记 的 常用 属性 是 align, 用 于 设置 段落 的 水 平 对 齐 方式 。 

示例 代码 如 下 。 

<html> 

<body> 

<p align = "left" > 这 是 段落 一 , 左 对 齐 .</p> 

<p align = "center"> 这 是 段落 二 ,居中 对 齐 .</p> 

<p align = "right"> 这 是 段落 三 , 右 对 齐 .</p> 

</body> 

</html > 


设置 效果 如 图 1-6 所 示 。 


吓 这 是 段落 一 , 左 对 齐 。 


这 是 段落 二 , 居中 对 齐 。 
这 是 段落 三 , 右 对 齐 。 
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4. 换行 标记 二 br 二 

换行 标记 二 br 二 是 空 标签 , 它 没有 结束 标签 ,因此 二 br 二 .二 /br 二 是 错误 的 。 二 br 二 
标记 只 是 简单 地 开始 新 的 一 行 ,与 上 一 行内 容 在 逻辑 上 还 属于 一 段 。 

示例 代码 如 下 。 

<html ><body> 

<p> 

* 草 >< br/> 离 离 原 上 草 ,< br/> 一 岁 一 枯 荣 。< br/> 野 火烧 不 尽 ,< br/> 春 风 吹 又 生 。 

</p><p> 

< 登 散人 省 楼 >< br/> 白 日 依 山 尽 ,< br /> 黄河 入 海流 。< br /> 欲 穷 千 里 目 ,< br /> 更 上 一 层 楼 。 

</p></body></html > 


设置 效果 如 图 1-7 所 示 。 

5. 有 序列 表 二 ol 二 

有 序列 表 使 用 二 ol 二 .… 达 /ol 王 和 过 1i>.…. 达 /i> | 村 火烧 不 尽 " 
标记 来 创建 带 序号 的 文本 段落 。 二 ol 二 标记 有 两 个 常 | 圭 风 以 X 生 。 
用 属性 : start 和 type。start 属性 用 于 数字 序列 的 起 始 | 痢 虹 和 管 > 
值 ,可 以 取 整 数值 ; type 属性 用 于 设置 规定 在 列表 中 使 “|| 兽人 兴 次 
用 的 标记 类 型 ,其 取 值 可 以 是 1、A、a、li。 更 上 局 异 。 

示例 代码 如 下 。 


图 1-7 br 标记 效果 


名/ 识 网站 AM 全 


< html >< body> 
<ol> 
<1i> 足 球 </1i> 
<1i> 复 球 </1i> 
<1i> 羽 毛 球 </1i> 
</ol> 

<ol start = "50"> 
<1i> 游 泳 </1i> 
<1i> 滑 冰 </1i> 
<1i> 跳 水 </1i> 
</ol> 

<ol type= "A"> 
<1i> 跳 高 </1i> 
<1i> 跳 远 </1i> 
<1i> 跨 栏 </1i> 
</ol > 
</body></html > 


设置 效果 如 图 1-8 所 示 。 

6. 无 序列 表 二 ul 二 

无 序列 表 使 用 过 ul 请 .…. 过 /dl 过 和 过 li>.…. 达 /li 汪 标 记 来 创建 无 序号 列表 。 一 ul 二 标 
记 的 type 属性 用 于 指定 列表 项 前 面 显 示 的 项 目 符号 ,其 取 值 可 以 是 ,disc: 使 用 实心 圆 作为 
项 目 符号 (默认 值 ); circle: 使 用 空心 圆 作为 项 目 符号 ; square: 使 用 方块 作为 项 目 符号 。 

示例 代码 如 下 。 

<html >< body> 

<h4 > 无 序列 表 : </h4 > 

<ul> 

<1i> 咖 啡 </1i> 

<1i type = "square"> 茶 </1i> 

<1i type= "circle"> 牛 奶 </1i> 

</ul> 

</body ></html > 


设置 效果 如 图 1-9 所 示 。 


图 1-8 ol 标记 效果 图 1-9 吉 标记 效果 
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7. 超 链接 标记 二 a 一 

超 链 接 标 记过 a>… 志 /a> 是 用 来 定义 超 链接 ,可 以 实现 从 一 个 网 页 链接 到 另 一 个 网 
页 ,或 者 链接 到 一 个 图 像 文件 一 个 需要 下 载 的 文件 等 。 二 a 二 标记 最 重要 的 属性 是 href， 
它 指示 链接 的 目标 。 

在 所 有 浏览 器 中 ,链接 的 默认 外 观 是 : 未 被 访问 的 链接 带 有 下 划 线 且 是 蓝 色 的 ; 已 
被 访问 的 链接 带 有 下 划 线 且 是 紫色 的 ; 活动 链接 带 有 下 
划 线 且 是 红色 的 。 

示例 代码 如 下 。 

<html><body> 

<a href = "http://www. sina. com. cn"> 新 浪 网 </a> 

<p> 

<a href = "..//images/1. jpge"> 图 片 浏览 </a> 

</body></html > 


设置 效果 如 图 1-10 所 示 。 


图 1-10 a 标记 效果 


8. 表格 标记 二 table 二 


表格 标记 二 table 二 ... 二 /table 二 用 来 定义 HTML 表格 。 简 单 的 HTML 表格 由 本 标 
记 以 及 一 个 或 多 个 tr\th 或 td 元 素 组 成 。tr 元 素 定义 表格 行 ,th 元 素 定义 表 头 ,td 元 素 
定义 表格 单元 。 

示例 代码 如 下 。 


<html ><body> 

<table border = "1"> 

<tr> 

<th> 星 期 一 </th> 

<th> 星 期 二 </th> 

<th> 星 期 三 </th> 

<th> 星 期 四 </th> 

<th> 星 期 五 </th> 

</tr> 

<tr> 

<td> 包 子 </td> 

<td> 馒 头 </td> 

<td> 花 卷 </td> 

<td> 油 条 </td> 

<td> 烧 饼 </td> 

</tr> 

<tr> 

<td> 大 米 粥 </td> IB| 3 
<td> 紫 米 粥 </td> I®) 半 1-8html EEEER 


<td> 小 米 粥 </td> 
<td > 东 c/a > 星期 一 | 星期 二 |[ 呈 期 三 | 星期 四 | 旦 期 五 ] 


td /td 公子 | 号 关 | 卫 郑 | 隅 条 | 陋 斌 
7 攻 米 兹 | 某 米 绅 | 略 洲 弟 | 攻 菜 _] 革 米利 
</table></body ></html > 


设置 效果 如 图 1-11 所 示 。 1-11 table 标记 效果 
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9. 表单 标记 一 form 过 

表单 是 用 来 收集 站 点 访问 者 信息 的 区 域 。 表 单 可 以 包含 允许 用 户 进 行 交 互 的 各 种 
控件 ,如 文本 框 、 列 表 框 、 复 选 框 和 单 选 按钮 等 。 通 过 输入 文本 、 单 击 按钮 与 复 选 框 ,从 
下 拉 菜 单 中 选择 选项 方式 填写 表单 ,站 点 访问 者 便 送出 所 输入 的 数据 ,该 数据 就 会 根 
据 所 设置 的 表单 处 理 程序 ,以 各 种 不 同 的 方式 进行 处 理 。 

表单 标记 二 form 祖 .…. 达 /form 记 用 于 为 用 户 输入 创建 HTML 表单 。 

常用 的 属性 有 以 下 几 个 。 

Q@ name: 指定 表单 的 名 称 。 命 名 表单 后 ,可 以 使 用 脚本 语言 (如 VBScript) 来 引用 或 
控制 该 表单 。 

@ method: 指定 将 表单 数据 传输 到 服务 器 的 方法 ,其 取 值 可 以 是 ,post: 在 HTTP 
请 求 中 典 入 表单 数据 ;get: 将 表单 数据 附加 到 请 求 该 页 的 URL 中 。 

@@ action: 将 要 接收 表单 数据 的 动态 网 页 的 网 址 。 

(1) 在 表单 中 添加 单行 文本 框 。 


恨 [基本 语法 1 
< input type = "text" name = "字符 串 " value = "字符 串 " size = "n" maxlength = "m"> 
< [语法 说 明 】 


name 属性 : 文本 框 名 称 ,可 以 在 脚本 中 引用 该 文本 。 
value 属性 : 指定 文本 框 的 初始 值 。 

size 属性 : 指定 文本 框 的 宽度 。 

maxlength: 允许 在 文本 框 内 输入 的 最 大 字符 数 。 
(2) 在 表单 中 添加 密码 域 。 


恨 [基本 语法 ] 
< input type = "password” name = "字符 串 "” value = "字符 串 "” size= "n" maxlength = "m"> 
二 3 【语法 说 明 】 


name 属性 : 用 于 指定 密码 域 的 名 称 。 

value 属性 : 用 于 指定 密码 域 的 初始 值 。 

size 属性 : 指定 密码 域 的 宽度 。 

maxlength 属性 : 用 于 指定 允许 在 密码 域内 输入 的 最 大 字符 数 。 
(3) 在 表单 中 添加 复 选 框 。 


旺 【基本 语法 】 


< input type = "checkbox" name = "字符 串 " value = "字符 串 " [checked]> 选 项 文本 
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< [语法 说 明 】 

name: 指定 复 选 框 对 象 的 名 称 。 

value: 每 一 个 复 选 框 必须 有 且 仅 有 一 个 value, 当 被 选择 时 这 个 值 便 会 传送 给 表单 处 
理 程序 。 

checked: 指定 对 应 复 选 框 为 默认 选中 项 。 

(4) 在 表单 中 添加 单 选 按钮 。 


星 【基本 语法 】 


< input type = "radio" name = "字符 串 " value = "字符 串 " [checked]> 选 项 文本 


< [语法 说 明 】 


name 属性 : 指定 单 选 按钮 的 名 称 , 若 干 个 名 称 相同 的 单 选 按钮 构成 一 个 控件 组 ,在 
该 组 中 只 能 选中 一 个 选项 。 

value 属性 : 一 组 相关 的 radio 的 name 属性 值 要 相同 ,但 value 值 要 不 同 ,可 让 使 用 
者 任 选 其 一 。 

checked 属性 : 是 可 选 的 , 若 使 用 该 属性 , 则 当 第 一 次 打开 表单 时 该 单 选 按钮 处 于 选 
中 状态 。 

(5) 在 表单 中 生成 一 个 命令 按钮 。 


恨 [基本 语法 ] 
< input type = "类 型 " name = "对 象 名 ”value = "字符 串 " [onclick = " 子 程序 名 "]> 
< [语法 说 明 】 


type: 定义 命令 按钮 的 类 型 。 当 类 型 值 为 submit 时 ,创建 一 个 提交 按钮 ; 当 值 定 义 
为 reset 时 ,创建 一 个 重 置 按钮 ; 当 值 定义 为 button 时 ,创建 一 个 自 定义 按钮 。 表 单 中 添 
加 自 定义 按钮 后 ,应 该 为 其 编写 脚本 。 

name: 指定 命令 按钮 的 名 称 。 

value: 设 定 命令 按钮 上 显示 的 文本 内 容 。 

onclick: 指定 单 击 命令 按钮 时 系统 自动 调用 并 执行 的 函数 或 过 程 。 

(6) 多 行 多 列 的 文本 框 。 


异 [基本 语法 1 
<textarea name = "对 象 名 " [ cols = n] [rows =n] [readonly]> 文 本 区 中 的 字符 串 </textarea> 
< [语法 说 明 】 


name: 指定 多 行文 本 框 的 名 称 。 
cols: 设 定 文字 区 块 的 字符 宽度 。 


rows: 设 定 文字 区 块 的 列 数 , 即 其 高 度 。 
readonly: 设 定 多 行文 本 框 中 的 内 容 为 只 读 。 
(7) 列表 框 。 


旺 【基本 语法 】 


<select name= "对 象 名 ”> 
<option value= 可 选项 1 的 值 [selected] > 可 选项 1 的 提示 </option> 
<option value= 可 选项 2 的 值 [selected] > 可 选项 2 的 提示 </option> 


</select> 


< [语法 说 明 】 


二 select 二 标记 的 name 属性 用 于 指定 表单 元 素 的 名 称 。 

去 option 二 标记 用 来 在 由 所 select 之 标记 所 指示 的 列表 框 中 指示 一 个 选项 。 

二 option 之 标记 属性 的 含义 如 下 。 

value : 指定 某 一 选项 的 值 。 可 以 自行 修改 ,表单 处 理 程序 中 接收 的 是 此 属性 传送 的 
但 不 同 选项 必须 有 不 同 的 值 。 

selected: 指定 某 选项 为 默认 选中 项 。 如 果 不 指定 此 参数 , 则 第 一 项 为 默认 选项 。 
示例 代码 如 下 。 


<html ><body> 

< form id= "forml" name = "forml" method = "post" action = "success.asp"> 
<table width= "600" border = "0" align = "center" cellpadding = "0" cellspacing = "0"> 
<trbgcolor = "#eeeeee"> 

<td height = "20"><p class = "STYLE3"> 当 前 位 置 : 用 户 注 册 </p></td> 
«trs<tr> 

<td height = "30" colspan = "2" bgcolor = " 井 FFFFFF"> 姓 名 : 

< input name = "name" type = "text" id = "name" /></td> 

</tr><tr> 

<td height = "30" colspan = "2" bgcolor = " #FFFFFF"> 性 别 : 

< label >< input type = "radio" name = "sex" value = " 男 " /> 男 </label> 
<label >< input type = "radio" name = "sex" value = " 女 " /> 女 </label> 
</td></tr><tr> 

<td height = "30" colspan = "2" bgcolor = "#FFFFFF"> 出 生日 期 : 

<select name = "year" size= "1" id= "year"> 

option value = "1980"> 1980 </option> 

<option value = "1981"> 1981 </option > 


< option value = "1984"> 1985 </option> 

</select > 年 

< select name= "month" size= "1" id= "month"> 
<option value = "1" selected= "selected"> 1 </option> 
<option value = "2"> 2 </option> 


<option value = "12"> 12 </option> 
</select > 月 
<select name= "day" size= "1" id= "day"> 
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< option selected = "selected"> 1 </option> 
<option>2</option> 


<option> 31 </option> 

</select > 日 </td></tr><tr> 

<td height = "30" colspan = "2" bgcolor = " 井 FEFFFFF"> 密 码 : 

< input name = "password" type = "password" id = "password" size = "10" maxlength = "10" /> 
Snbsp; 确 认 密 码 : 

< input name = "textfield" type = "password" size= "10" maxlength= "10" /> 
(6 一 10 位 )</td> 

</tr><tr><tr> 

<td height = "30" colspan = "2" bgcolor = " 井 FFFFFF"><P> 个 人 兴趣 : <br /> 

< input type = "checkbox" name = "checkbox" value = "读书 " /> 读书 

< input name = "checkbox" type = "checkbox" id = "checkbox” value = "旅游 " /> 
旅游 snbsp; 

< input name = "checkbox" type = "checkbox” id = "checkbox" value = "音乐 " /> 
音乐 &nbsp; 

< input name = "checkbox" type = "checkbox" id = "checkbox" value = "绘画 " /> 绘画 < br /></tr> 
<tr> 

<td height = "30" colspan= "2" bgcolor = "#7FFFFFF">E- mail: 

< input type = "text" name = "textfield2" /> 

</td></tr ></table ></Form> 

<p> 请 单 击 确 认 按 钮 ,输入 会 发 送 到 服务 器 上 名 为 ”success.asp " 的 页 面 。</p> 
</body></html > 


设置 效果 如 图 1-12 所 示 。 


1980 V| 


口 读书 口 旅游 口 音乐 


E-mail: 


请 单 击 确认 按钮 ， 输 入 会 发 送 到 服务 器 上 名 为 “success. asp” 的 页 面 。 


图 1-12 form 标记 效果 
1.3 动态 网 页 


1.3.1 动态 网 页 的 概念 


1. 动态 网 页 概述 


动态 网 页 是 指 跟 静态 网 页 相对 的 一 种 网 页 编程 技术 。 静 态 网 页 随 着 HTML 代码 的 
生成 ,页 面 的 内 容 和 显示 效果 就 基本 上 不 会 发 生变 化 了 一 一 除非 修改 页 面 代码 。 而 动态 
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网 页 则 不 然 , 页 面 代 码 虽然 没有 变化 ,但 是 显示 的 内 容 却 是 可 以 随 着 时 间 、 环 境 或 者 数据 
库 操作 的 结果 而 发 生 改 变 的 。 

动态 网 页 与 网 页 上 的 各 种 动画 滚动 字幕 等 视觉 上 的 动态 效果 没有 直接 关系 ,动态 网 
页 可 以 是 纯 文 字 内 容 , 也 可 以 是 包含 各 种 动画 的 内 容 , 这 些 只 是 网 页 具体 内 容 的 表现 形 
式 ,无论 网 页 是 否 具 有 动态 效果 ,只 要 是 采用 了 动态 网 站 技术 生成 的 网 页 都 可 以 称 为 动态 
网 页 。 

2. 动态 网 页 的 特点 

(1) 动态 网 页 一 般 以 数据 库 技 术 为 基础 ,可 以 大 大 降低 网 站 维护 的 工作 量 。 

(2) 动态 网 页 具有 交互 性 ,网 页 能 根据 客户 的 要 求 和 选择 而 动态 地 改变 页 面 显示 
效果 。 

(3) 动态 网 页 能 够 自动 更 新 ,无 须 动手 更 新 HTML 文档 ,就 能 自动 生成 新 的 页 面 。 

(4) 动态 网 页 实际 上 并 不 是 独立 存在 于 服务 器 上 的 网 页 文件 ,只 有 当 用 户 请 求 时 服 
务 器 才 返 回 一 个 完整 的 网 页 。 

(5) 动态 网 页 的 网 站 在 进行 搜索 引擎 推广 时 需要 做 一 定 的 技术 处 理 才 能 适应 搜索 引 
擎 的 要 求 ; 否则 不 易 被 检索 。 

(6) 动态 网 页 在 访问 速度 上 不 如 静态 网 页 ,访问 的 人 数 过 多 ,页 面 的 加 载 速 度 就 会 变 
慢 , 对 服务 器 来 说 也 是 一 种 负担 。 

(7) 动态 网 页 以 .aspx、. asp、.jsp、. Php、. perl、. cgi 等 常见 形式 为 后 级 。 


1.3.2 动态 网 页 开发 语言 


目前 实现 动态 网 页 的 技术 主要 有 ASP、ASP.NET、PHP 和 JSP。 无 论 采 用 何 种 语言 
都 能 够 实现 动态 网 页 的 开发 。 

ASP 是 目前 最 简单 易学 的 动态 网 页 技术 ,其 功能 足 可 以 胜任 绝 大 多 数 的 应 用 需要 ， 
这 也 是 它 具 有 生命 力 的 主要 原因 。 

ASP.NET 是 ASP 的 新 一 代 产 品 ,采用 C# 或 VB. NET 等 新 一 代 编 程 语言 来 实现 流 
程控 制 。 其 功能 强大 ,但 学 习 难 度 比 ASP 要 高 一 些 。 

PHP 采用 PHP 脚本 语言 来 实现 ,该 脚本 语言 是 一 种 函数 式 的 语言 ,与 C 语言 很 类 
似 。PHP 支持 跨 平 台 运 行 。 

JSP 采用 Java 语言 来 实现 流程 控制 ,功能 强大 ,运行 速度 快 ,但 与 ASP.NET 一 样 ， 
学 习 难 度 较 大 。JSP 支持 跨 平台 运行 。 

下 面 分 别 介绍 一 下 这 4 种 语言 。 

1. ASP 语言 


ASP(Active Server Page, 动 态 服 务 器 页 面 ) 是 微软 公司 开发 的 代替 CGI 脚本 程序 的 
一 种 应 用 , 它 可 以 与 数据 库 和 其 他 程序 进行 交互 ,是 一 种 简单 方便 的 编程 工具 。ASP 网 
页 文件 的 格式 是 . asp。 

ASP 是 Microsoft 公司 在 1996 年 推出 的 一 种 运行 于 服务 器 端 .嵌入 了 服务 器 端 脚本 
的 Web 应 用 程序 开发 技术 ,内 含 于 IIS 3.0 以 上 的 版 本 中 。 在 IIS 5. 0 中 支持 ASP 3. 0， 
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同时 也 支持 ASP 2. 0。 

1) ASP 语言 的 优点 

(1) 使 用 VBScript、JScript 等 简单 易 懂 的 脚本 语言 ,结合 HTML 代码 , 即 可 快速 地 
完成 网 站 的 应 用 程序 。 

(2) 无 须 编译 ,容易 编写 ,可 在 服务 器 端 直接 执行 。 

(3) 与 浏览 器 无 关 (Browser Independence) ,客户 端 只 要 使 用 可 执行 HTML 码 的 浏 
览 器 , 即 可 浏览 用 ASP 所 设计 的 网 页 内 容 。 

(4) 能 与 任何 ActiveX Scripting 语言 兼容 。 除 了 可 使 用 VBScript 或 JScript 语言 来 
设计 外 ,还 可 通过 plug-in 的 方式 ,使 用 由 第 三 方 所 提供 的 其 他 脚本 语言 ,如 REXX、Perl、 
Tecl 等 。 

(5) 可 使 用 服务 器 端的 脚本 来 产生 客户 端的 脚本 。 

(6) ActiveX Server Components(ActiveX 服务 器 组 件 ) 具 有 无 限 可 扩充 性 。 

2) ASP 语言 的 缺点 

(1) Windows 本 身 的 所 有 问题 都 会 一 成 不 变 地 累加 到 它 的 身上 。 安 全 性 稳定 性 、 跨 
平台 性 都 会 因为 与 Windows 的 拥 绑 而 显现 出 来 。 

(2) 由 于 ASP 使 用 了 COM 组 件 , 所 以 它 会 变 得 十 分 强大 ,但 这 样 的 组 件 或 是 在 操作 
中 一 不 注意 ,外 部 攻击 就 可 以 取得 相当 高 的 权限 而 导致 网 站 瘫痪 或 者 数据 丢失 。 

(3) 由 于 ASP 还 是 一 种 Script 语言 ,所 以 除了 大 量 使 用 组 件 外 ,没有 其 他 办 法 提高 
其 工作 效率 。 

(4) 无 法 实现 跨 操 作 系 统 的 应 用 。 

(5) 无 法 完全 实现 一 些 企业 级 的 功能 ,如 完全 的 集群 .负载 均衡 。 

2. JSP 语言 

JSP(Java Server Pages ,Java 服务 器 页 面 ) 是 由 Sun Microsystems 公司 倡导 .许多 公 
司 参与 ,一 起 建立 的 一 种 动态 网 页 技术 标准 。 

JSP 技术 有 点 类 似 ASP 技术 , 它 是 在 传统 的 网 页 HTML 文件 中 插入 Java 程序 段 和 
JSP 标记 ,从 而 形成 JSP 文件 ,后 级 名 为 * . jsp。 

用 JSP 开发 的 Web 应 用 是 跨 平台 的 , 既 能 在 Linux 下 运行 ,也 能 在 其 他 操作 系统 上 
运行 。 它 实现 了 HTML 语法 中 的 Java 扩张 。 

JSP 技术 使 用 Java 编程 语言 编写 类 XML 的 tags 和 scriptlets, 来 封装 产生 动态 网 页 
的 处 理 逻 辑 。 网 页 还 能 通过 tags 和 scriptlets 访问 存在 于 服务 端 资源 的 应 用 逻辑 。JSP 
将 网 页 逻辑 与 网 页 设计 的 显示 分 离 ,支持 可 重用 的 基于 组 件 的 设计 ,使 基于 Web 的 应 用 
程序 的 开发 变 得 迅速 和 容易 。 

JSP 是 一 种 动态 页 面 技术 , 它 的 主要 目的 是 将 表示 逻辑 从 Servlet 中 分 离 出 来 。Java 
Servlet 是 JSP 的 技术 基础 ,而 且 大 型 的 Web 应 用 程序 的 开发 需要 Java Servlet 和 JSP 配 
合 才能 完成 。JSP 具备 了 Java 技术 的 简单 易 用 ,完全 面向 对 象 , 具 有 平台 无 关 性 且 安 全 
可 靠 ,主要 面向 因特网 的 所 有 特点 。 

1) JSP 语言 的 优点 

(1) 一 次 编写 ,随处 运行 。 


(2) 系统 的 多 平台 支持 。 基 本 上 可 以 在 所 有 平台 上 的 任意 环境 中 开发 ,在 任意 环境 
中 进行 系统 部 署 和 扩展 。 

(3) 强大 的 可 伸缩 性 。 从 只 有 一 个 小 的 Jar 文件 就 可 以 运行 Servlet/JSP, 到 由 多 台 
服务 器 进行 集群 和 负载 均衡 ,到 多 台 Application 进行 事务 处 理 、 消 息 处 理 , 一 台 服 务 器 到 
无 数 台 服务 器 ,Java 显示 了 一 个 巨大 的 生命 力 。 

(4) 多 样 化 和 功能 强大 的 开发 工具 支持 。 

(5) 支持 服务 器 端 组 件 。Web 应 用 需要 强大 的 服务 器 端 组 件 来 支持 ,开发 人 员 需 要 
利用 其 他 工具 设计 实现 复杂 功能 的 组 件 供 Web 页 面 调用 ,以 增强 系统 性 能 。JSP 可 以 使 
用 成 熟 的 Java BEANS 组 件 来 实现 复杂 的 商务 功能 。 

2) JSP 语言 的 缺点 

(1) 与 ASP 一样 ,Java 的 一 些 优 势 正 是 它 致命 的 问题 所 在 。 正 是 由 于 为 了 跨 平台 的 
功能 ,为 了 极度 的 伸缩 能 力 , 所 以 极 大 地 增加 了 产品 的 复杂 性 。 

(2) Java 的 运行 速度 是 用 class 常 驻 内 存 来 完成 的 ,所 以 它 在 一 些 情况 下 所 使 用 的 内 
存 比 较 大 。 

3. PHP 语言 

PHP(HyperText Preprocessor, 超 文本 预 处 理 器 ) 是 一 种 通用 开源 脚本 语言 。 PHP 
于 1994 年 由 RasmusLerdorf 创建 , 刚 开 始 是 RasmusLerdorf 为 了 要 维护 个 人 网 页 而 制 
作 的 一 个 简单 的 用 Perl 语言 编写 的 程序 。 这 些 工具 程序 用 来 显示 RasmusLerdorf 的 个 
人 履历 以 及 统计 网 页 流量 。 后 来 又 用 C 语言 重新 编写 ,包括 可 以 访问 数据 库 。 它 将 这 些 
程序 和 一 些 表 单 直译 器 整合 起 来 , 称 为 PHP/FI。PHP/FI 可 以 和 数据 库 连接 ,产生 简单 
的 动态 网 页 程序 。 

PHP 语法 吸收 了 C 语言 Java 和 Perl 的 特点 ,利于 学 习 , 使 用 广泛 ,主要 适用 于 Web 
开发 领域 。 PHP 独特 的 语法 混合 了 C、Java、Perl 及 PHP 自 创 的 语法 。 它 可 以 比 CGI 或 
者 Perl 更 快速 地 执行 动态 网 页 。 

用 PHP 做 出 的 动态 页 面 与 其 他 的 编程 语言 相 比 ,PHP 是 将 程序 嵌入 HTML( 标 准 
通用 标记 语言 下 的 一 个 应 用 ) 文 档 中 去 执行 ,执行 效率 比 完全 生成 HTML 标记 的 CGI 要 
高 许多 ; PHP 还 可 以 执行 编译 后 代码 ,编译 可 以 达到 加 密 和 优化 代码 运行 ,使 代码 运行 
更 快 。 

1) PHP 语言 的 优点 

(1) 跨 平 台 , 性 能 优越 ,可 以 和 很 多 免费 的 平台 结合 。 

(2) 语法 简单 ,如 果 学 习 过 C 和 Perl 则 很 容易 上 手 ,并 且 跟 ASP 有 部 分 类 似 。 

(3) 有 比较 完整 的 支持 ,比如 使 用 ADODB 或 者 PEAR::DB 做 数据 库 抽 象 层 ,用 
Smarty 或 者 Smart Template 做 模板 层 , 如 果 是 PHP 5. 1 的 话 , 还 能 够 使 用 PDO(PHP 
Data Object) 来 访问 数据 库 。 

(4) 有 很 多 成 熟 的 框架 ,如 支持 MVC 的 框架 pppMVC. 支 持 类 似 ASP.NET 的 事件 
了 驱动 的 框架 Prado 支持 类 似 Ruby On Rails 的 快速 开发 的 框架 Cake 等 ,足够 满足 用 户 的 
应 用 需求 。 

(5) 有 很 多 开源 的 框架 或 开源 的 系统 可 以 使 用 ,如 比较 知名 的 开源 框架 有 Zend 
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Framework CakePHP .CodeIgniter\symfony 等 。 

2) PHP 语言 的 缺点 

(1) 对 多 线程 支持 不 太 好 ,大 多 数 时候 只 能 简单 地 模拟 去 实现 。 

(2) 语法 不 太 严 谨 , 如 变量 不 需要 定义 就 可 以 使 用 ,在 C、Java、C++ 中 变量 是 必须 先 
定义 以 后 才 可 以 使 用 的 。 

4. ASP.NET 语言 


ASP.NET 是 微软 公司 . NET Framework 的 一 部 分 , 它 是 一 种 使 嵌入 网 页 中 的 脚本 
可 由 因特网 服务 器 执行 的 服务 器 端 脚本 技术 ,可 以 在 通过 HTTP 请 求 文档 时 再 在 Web 
服务 器 上 动态 创建 它们 。 

ASP.NET 的 前 身 ASP 技术 ,是 在 IIS 2.0 上 首次 推出 ,当时 与 ADO 1. 0 一 起 推出 ， 
在 JIS 3.0 发 扬 光 大 ,成 为 服务 器 端 应 用 程序 的 热门 开发 工具 ,微软 还 特别 为 它 量 身 打造 
了 VisualInter Dev 开发 工具 。 

目前 很 多 人 对 ASP.NET 和 ASP 概念 混淆 ,其 实 两 者 是 不 同 的 。ASP 是 解释 型 编程 
框架 ,而 ASP.NET 是 编译 型 框架 ; ASP.NET 无 论 是 从 执行 效率 和 安全 上 都 远 远 超过 
ASP; ASP 文件 的 后 级 是 . asp, 而 ASP.NET 则 是 . aspx 和 . aspx. cs。ASP.NET 实现 了 
代码 分 离 ,让 代码 管理 更 加 直观 。 具 体 区 别 如 下 。 

1) 开发 语言 不 同 

ASP 仅 局 限于 使 用 non-type 脚本 语言 来 开发 ,用 户 给 Web 页 中 添加 ASP 代码 的 方 
法 与 客户 端 脚本 中 添加 代码 的 方法 相同 ,导致 代码 杂乱 。 

ASP.NET 允许 用 户 选择 并 使 用 功能 完善 的 strongly-type 编程 语言 ,也 允许 使 用 洪 
力 巨 大 的 . NET Framework。 

2) 运行 机 制 不 同 

ASP 是 解释 运行 的 编程 框架 ,所 以 执行 效率 较 低 。 

ASP.NET 是 编译 型 的 编程 框架 ,运行 的 是 服务 器 上 编译 好 的 公共 语言 运行 库 代码 ， 
可 以 利用 早期 绑 定 、 实 施 编译 来 提高 效率 。 

3) 开发 方式 

ASP 把 界面 设计 和 程序 设计 混在 一 起 ,维护 和 重用 困难 。 

ASP.NET 把 界面 设计 和 程序 设计 以 不 同 的 文件 分 离开 , 复 用 性 和 维护 性 得 到 了 
提高 。 

ASP.NET 语言 的 优点 如 下 。 

1) 增强 的 性 能 

ASP.NET 是 在 服务 器 上 运行 的 编译 好 的 公共 语言 运行 库 代码 。 与 被 解释 的 ASP 
不 同 ,ASP.NET 可 利用 早期 绑 定 、 实 时 编译 ,优化 本 机 服务 。 这 相当 于 在 编写 代码 行 之 
前 便 显 著 地 提高 了 性 能 。 

2) 世界 级 的 工具 支持 

ASP.NET Framework 补充 了 Visual Studio 集成 开发 环境 中 的 大 量 工 具 箱 和 设计 
器 。WYSIWYG 编辑 、 拖 放 服务 器 控件 和 自动 部 署 只 是 这 个 强大 工具 所 提供 功能 中 的 少 
数 几 种 。 


3) 威力 和 灵活 性 

由 于 ASP.NET 基于 公共 语言 运行 库 ,因此 Web 应 用 程序 开发 人 员 可 以 利用 整个 平 
台 的 威力 和 灵活 性 .. NET Framework 类 库 、 消 息 处 理 和 数据 访问 解决 方案 都 可 从 Web 
无 缝 访问 。ASP.NET 也 与 语言 无 关 , 所 以 可 以 选择 最 适合 应 用 程序 的 语言 ,或 跨 多 种 语 
言 分 割 应 用 程序 。 

另外 ,公共 语言 运行 库 的 交互 性 保证 在 迁移 到 ASP.NET 时 保留 基于 COM 的 开发 
中 的 现 有 投资 。 

4) 简易 性 

ASP.NET 使 执行 常见 任务 变 得 容易 ,从 简单 的 窗 体 提 交 和 客户 端 身份 验证 到 部 署 
和 站 点 配置 。 例 如 ,ASP.NET 页 框架 使 用 户 可 以 生成 将 应 用 程序 逻辑 与 表示 代码 清楚 
分 开 的 用 户 界面 ,和 在 类 似 Visual Basic 的 简单 窗 体 处 理 模型 中 处 理事 件 。 

另外 ,公共 语言 运行 库 利用 托管 代码 服务 (如 自动 引用 计数 和 垃圾 回收 ) 简 化 了 开发 。 

5) 可 管理 性 

ASP.NET 采用 基于 文本 的 分 层 配置 系统 ,简化 了 将 设置 应 用 于 服务 器 环境 和 Web 
应 用 程序 。 由 于 配置 信息 是 以 纯 文本 形式 存储 的 ,因此 可 以 在 没有 本 地 管理 工具 帮助 的 
情况 下 应 用 新 设置 。 

此 “ 零 本 地 管理 "哲学 也 扩展 到 了 ASP.NET Framework 应 用 程序 的 部 署 。 只 需 将 
必要 的 文件 复制 到 服务 器 , 即 可 将 ASP.NET Framework 应 用 程序 部 署 到 服务 器 。 不 需 
要 重新 启动 服务 器 ,即使 是 在 部 署 或 替换 运行 的 编译 代码 时 。 

6) 可 缩放 性 和 可 用 人 性 

ASP.NET 在 设计 时 考虑 了 可 缩放 性 ,增加 了 专门 用 于 在 聚集 环境 和 多 处 理 器 环 
境 中 提高 性 能 的 功能 。 另 外 ,进程 受到 ASP.NET 运行 库 的 密切 监视 和 管理 ,以 便当 进 
程 行为 不 正常 (泄露 、 死 锁 ) 时 ,可 就 地 创建 新 进程 ,以 帮助 保持 应 用 程序 始终 可 用 于 处 
理 请 求 。 

7) 自 定义 性 和 可 扩展 性 

ASP.NET 随 附 了 一 个 设计 周到 的 结构 , 它 使 开发 人 员 可 以 在 适当 的 级 别 “ 插 入 ” 代 
码 。 实 际 上 ,可 以 用 自己 编写 的 自 定义 组 件 扩 展 或 替换 ASP.NET 运行 库 的 任何 子 组 件 。 
实现 自 定义 身份 验证 或 状态 服务 一 直 没 有 变 得 更 容易 。 

8) 安全 性 

借助 内 置 的 Windows 身份 验证 和 基于 每 个 应 用 程序 的 配置 ,可 以 保证 应 用 程序 的 
安全 。 

ASP.NET 语言 的 缺点 如 下 。 

(1) 数据 库 的 连接 复杂 。 

(2) 不 具有 跨 平 台 性 ,只 支持 Windows 平台 。 

(3) 在 内 存 使 用 和 执行 时 间 方 面 耗费 非常 大 。 

本 书 采用 ASP.NET 作为 动态 网 页 编程 语言 ,后 续 的 环境 配置 和 网 页 编写 都 以 ASP. 
NET 为 例 。 
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1.4 网 站 运行 环境 
1.4.1 硬件 和 操作 系统 要 求 


ASP.NET 运行 环境 要 求 如 下 。 

硬件 要 求 : CPU 推荐 使 用 1GHz 以 上 ,内存 推 荐 2GB 以 上 ,显示 器 推荐 1024 X768 
像素 ,增强 色 为 16 位 。 

操作 系统 要 求 : 应 为 Windows Server 2003 Service Pack 2、Windows Server 2008、 
Windows 7 或 Windows 8 等 ( 注 : 支持 ASP.NET 的 IIS 服务 配置 ) 。 


1.4.2 Windows 7 下 配置 ASP.NET 服务 器 IIS 


1. 安装 IIS 


IIS(Internet Information Services ,互联 网 信息 服务 ) 是 由 微软 公司 提供 的 基于 运行 
Microsoft Windows 的 互联 网 基本 服务 。 最 初 是 Windows NT 版 本 的 可 选 包 , 随 后 内 置 
在 Windows 2000、Windows XP Professional 和 Windows Server 2003 一 起 发 行 ,但 在 
Windows 2007 版 本 上 并 没有 IIS ,需要 自己 安装 IIS, 过 程 如 下 。 

(1) 选择 “开始 ”>“ 控 制 面板 ”>“ 程 序 和 功能 "命令 ,打开 “程序 和 功能 "窗口 ,在 该 窗 
口中 单 击 “ 打 开 或 关闭 Windows 功能 ”, 如 图 1-13 所 示 。 


el) 

GO [a » ws ,si re oT 
| 

| 


加 Microsoft Visual C++ 2008 Redistributable - x86 9.0.30.. Mi 
回旋 

国 Adobe Hash player 10 plugin 

国 Adobe Flash Player 17 ActiveX 

OZ 

加 Microsoft Visual C++ 2010 x86 Redistributable - 100-- 


后 党 手 论 条 健 庙 机 王 . 
4 


当 


前 安装 的 程序 
120 安 半 的 程序 
总 大 小 11.6 GB 


1-13 “程序 和 功能 ”窗口 
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1-14 所 示 对 话 框 。 找 到 “Internet 信息 服务 ”, 选 中 “Web 管理 工具 ”下 的 


(2) 弹出 图 
所 有 复 选 框 。 
打开 或 关闭 Windows 功能 © 
| eh 震 要 关闭 一 种 功能 ， 请 清除 其 复 迁 | 
十 充 的 框 表示 仅 打开 这 功能 的 一 部 分 。 
日 国有 局 Internet 信息 服务 区 


加 有 Web 管理 工具 
日 国电 IIS 6 管理 兼容 性 
国电 TS 6 WMI 荧 容 性 
国 遇 TS 6 管理 控制 台 
加 Is 6 MI 
团 朋 IIs 元 数据 库 和 11S 6 配置 兼容 性 


及 FTP 服务 器 | 


1-14 选中 *Web 管理 工具 ”下 的 所 有 复 选 框 


(3) 在 “打开 或 关闭 Windows 功能 ”对 话 框 中 同时 选中 “万 维 网 服务 "下 的 “应 用 程序 
开发 功能 "下 的 ASP.NET 复 选 框 ,如 图 1-15 所 示 , 其 他 保持 默认 即 可 ,然后 单 击 “ 确 定 ” 


按钮 开始 安装 。 


图 1-15 选中 ASP.NET 复 选 框 


2. 配置 管理 
(1) 在 “控制 面板 ”中 , 单 击 “ 管 理工 具 ”, 打 开 “ 管 理工 具 ” 窗 口 ,在 该 窗口 中 双击 


“Internet 信息 服务 (IIS) 管 理 器 ?选项 ,如 图 1-16 所 示 。 
(2) 双击 “Internet 信息 服务 (IIS) 管 理 器 ?选项 打开 管理 器 窗口 , 即 进 入 ASP.NET 


相关 配置 ,如 图 1-17 所 示 。 
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x | 


修改 日 期 
2013/12/29 9:39 


2009/7/14 12:54 
2009/7/14 13:32 
2009/7/14 12:53 
2013/12/26 14:34 
2013/12/26 14:33 
2009/7/14 12:54 
2009/7/14 12:54 
2009/7/14 12:54 
2009/7/14 12:54 
2009/7/14 12:54 
2009/7/14 12:53 
2009/7/14 12:53 
2009/7/14 12:53 
2009/7/14 12:57 


图 1-16 “管理 工具 ”窗口 


图 1-17 ”Internet 信息 服务 (IIS) 管 理 器 


(3) 创建 网 站 。 右 击 IIS 管理 器 左 侧 窗 格 的 “网 站 ”, 在 快捷 菜单 中 选择 “添加 网 站 ” 命 
令 , 如 图 1-18(a) 所 示 。 打 开 “ 添 加 网 站 ”对 话 框 ,如 图 1-18(b) 所 示 。 

(4) 在 “添加 网 站 ”对 话 框 中 ,设置 相关 参数 。 例 如 ,网 站 名 称 为 MyFirstWeb, 物 理 路 
径 为 F:\website\MyFirstWeb,IP 地 址 为 192. 168. 1. 100。 单 击 “ 确 定 ” 按 钮 ,配置 好 IIS 
环境 。ASP.NET 的 环境 配置 将 在 后 续 章节 讲解 。 
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1-18 添加 网 站 


拉 改 本章 小 结 


本 章 重点 介绍 了 超 文本 语言 HTML 的 各 种 标记 的 含义 和 使 用 方法 ,以 及 常用 动态 
网 页 开发 语言 及 其 优 缺点 。 通 过 本 章 的 学 习 , 同 学 们 应 该 能 够 利用 HTML 编写 简单 的 
网 页 ,并 通过 浏览 器 进行 浏览 ,学 会 配置 网 站 运行 环境 。 其 中 重点 掌握 表格 、 超 链接 、 图 
形 、 表 单 等 标记 的 使 用 和 标记 属性 的 设置 ,为 后 续 的 课程 打下 坚实 的 基础 。 


多 思考 与 练习 


1. 选择 题 
(1) HTML 指 的 是 ( )。 
A. 超 文本 标记 语言 (HyperText Markup Language) 
B. 家 庭 工 具 标 记 语 言 (Home Tool Markup Language) 
C. 超 链接 和 文本 标记 语言 (Hyperlinks and Text Markup Language) 
(2) 用 HTML 标记 语言 编写 一 个 简单 的 网 页 ,网 页 最 基本 的 结构 是 ( 乱 
A. <html><head>...</head><{frame>...< /frame></html> 
B. <html><title>...</title><body>...</body></html> 
C. <html><title>...< /title><{frame>...</frame></html> 
D. =<html><head>...</head>=<body>...</body></html> 
(3) 以 下 标记 符 中 ,用 于 设置 页 面 标题 的 是 ( Ws 
A. =title> B. =caption> 
C. <head> D. <html> 
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(4) 以 下 标记 符 中 ,没有 对 应 的 结束 标记 的 是 ( Ns 


A. <body> B. <br> C. <html> 
(5) 下 面 ( ) 是 换行 符 标 记 。 

A. <body> B. <font> C. <br> 
2. 问答 题 


(1) 简 述 一 个 HTML 文档 的 基本 结构 。 
(2) 写 出 URL 包含 的 3 个 部 分 内 容 的 作用 。 
(3) 动态 网 页 的 编程 语言 都 有 什么 ? 它们 的 优点 和 缺点 有 哪些 ? 


D. <~title> 


DD E> 


[2 


Ks 
(如 


C 间 


C# 是 一 种 新 的 、 面 向 对 象 的 编程 语言 ,是 . NET 框架 中 新 一 代 的 开发 工具 ,用 CH# 编 
写 的 应 用 程序 可 以 充分 利用 . NET 的 框架 体系 带 来 的 优点 , 既 可 以 用 来 编写 基于 通用 网 
络 协议 的 Internet 服务 软件 ,也 可 以 编写 各 种 数据 库 、 网 络 服务 应 用 程序 和 Windows 窗 
口 界面 程序 。 

它 简化 了 C++ 语言 在 类 .命名 空间 ,方法 重 载 和 异常 处 理 等 方面 的 操作 ,使 用 组 件 辅 
助 编程 ,十 分 容易 掌握 。C# 语 法 与 Ct+ 和 Java 语法 非常 相似 ,如 果 使 用 过 C++ 和 Java， 
学 习 C# 语 言 应 是 比较 轻松 的 。 本 章 对 C# 语 言 的 知识 进行 详细 的 介绍 , 旨 在 使 读者 对 
C# 语 言 有 一 个 全 面 的 了 解 。 


2.1 .NET 开发 环境 


Microsoft. NET( 以 下 简称 . NET) 框 架 是 微软 提出 的 新 一 代 Web 软件 开发 模型 ， 
. NET 开发 平台 包括 编程 语言 (C #、Visual Basic、Visual C++ 等 )、. NET 开发 工具 
(Visual Studio. NET) 以 及 . NET 框架 (. NET Framework)。. NET 的 最 终 目 标 就 是 让 用 
户 在 任何 地 方 ,任何 时 间 以 及 利用 任何 设备 都 能 访问 所 需 的 信息 ,文件 和 程序 。 

.NET 已 包含 非常 大 的 代码 库 , 可 以 在 通过 面向 对 象 语言 ,如 C# 等 编程 技术 中 使 用 
这 些 代码 ,这 样 可 以 极 大 地 提高 程序 设计 人 员 的 工作 效率 。 


2.1.1 Visual Studio 2013 的 安装 与 注册 


Visual Studio 是 一 个 由 基于 组 件 的 软件 开发 工具 ,内 置 了 多 种 提高 工作 效率 的 功 
能 ,如 自动 补 全 方 括号 ,使 用 快捷 键 移动 整 行 或 整 块 的 代码 以 及 行内 导航 。 此 外 ,Visual 
Studio 2013 的 团队 资源 管理 器 增强 了 主页 设计 ,可 以 更 简便 地 导航 到 团队 协作 功能 ,并 
可 取消 停靠 挂 起 更 改 ” 和 “生成 ”, 使 其 显示 在 一 个 单独 的 窗口 中 。 

下 面 介绍 Visual Studio 2013 的 安装 过 程 。 新 旧版 本 Visual Studio 是 可 以 共存 的 ， 
但 是 在 安装 过 程 中 ,旧版 本 的 Visual Studio 一 定 要 先 关闭 。 
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(1) 双击 图 标 哆 运行 安装 文件 ,显示 如 图 2-1 所 示 提 示 信 息 。 
(2) 自 定义 选择 安装 路 径 时 ,注意 所 属 路 径 的 预 留 空间 要 充足 ; 否则 安装 会 失败 。 
意 许可 条 款 , 进 入 下 一 步 。 


可 


(3) 选择 功能 ,如 图 2-2 所 示 ,在 选择 安装 的 可 选 功能 里 ,可 以 根据 自己 需要 选中 ,也 
可 以 默认 全 选 。 要 注意 预 留 空间 ,保证 程序 正常 运行 ,然后 单 击 “下 一 步 ? 按 钮 开始 安装 。 
等 待 大 概 30 分 钟 , 就 可 以 完成 安 很 多 的 系统 资源 


可 以 使 用 了 。 
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图 2-1 安装 提示 图 2-2 选择 功能 


(4) 基本 配置 。 第 一 次 打开 Visual Studio 2013, 需 要 进行 一 些 基本 配置 ,如 开发 设 
置 .颜色 主题 ,根据 自己 的 需求 设置 ,然后 等 待 几 分 钟 就 可 以 使 用 。 由 于 Visual Studio 
2013 引入 了 一 种 联网 IDE 体验 ,大 家 可 以 使 用 微软 的 账户 登录 ,而 且 其 还 自动 采用 联网 
IDE 体验 的 设备 上 同步 设置 ,包括 快捷 键 、Visual Studio 外 观 (主题 ,字体 等 ) 各 种 类 别 同 
步 的 设置 ,如 图 2-3 所 示 。 

(5) 注册 产品 。 软 件 默 认 有 效 期 为 30 天 ,需要 完成 注册 过 程 才 能 长 期 使 用 。 打 开 
Visual Studio 2013, 在 工具 栏 中 找到 “帮助 "菜单 ,如 图 2-4 所 示 , 间 “注册 产品 ”命令 ,会 
弹出 一 个 对 话 框 ,里 面 会 显示 软件 的 注册 状态 ,如 图 2-5 所 示 , 单 击 “ 更 改 我 的 产品 许可 
证 ”, 会 弹出 一 个 对 话 框 ,从 中 输入 产品 密 钥 , 即 可 完成 注册 过 程 。 

注册 成 功 后 ,所 有 的 操作 基本 完成 ,就 可 以 正常 使 用 了 。 
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通过 以 下 视频 短片 了 解 更 多 信息 


一 veua wie 10 Umate ENE 


请 登录 Visual Studio 

ae eR. SNA MAR 
tr 

ma mao Han ye angen. nerarnsein 
让 


En 
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© 【小 提示 】 

安装 过 程 注 意 事项 : 系统 盘 和 安装 路 径 的 预 留 空间 要 充足 ; 否则 安装 会 失败 。 由 于 
密 钥 过 期 ,软件 注册 可 能 会 失效 ,需要 再 次 注册 。 新 版 本 VS 可 能 会 因 计 算 机 配置 的 问题 
出 现 卡 顿 的 现象 ,应 尽量 减少 其 他 软件 的 使 用 。 


2.1.2 .NET Framework 简介 


Microsoft. NET Framework 是 用 于 Windows 的 新 托管 代码 编程 模型 。 在 今天 的 软 
件 环境 中 ,应 用 程序 的 来 源 很 多 ,它们 需要 执行 很 多 任务 。 对 应 用 程序 代码 的 信任 是 一 个 
主要 需求 ,因为 谁 也 不 想 软件 或 信息 遭 到 破坏 。 给 予 许可 的 安全 策略 ,不 允许 对 敏感 信息 
的 不 适当 访问 ,或 将 本 地 机 器 暴露 给 恶意 的 程序 ,甚至 是 有 平常 错误 的 代码 。 

在 以 往 ,安全 结构 提供 了 基于 用 户 账号 的 隔离 和 访问 控制 方式 ,在 这 些 限制 内 给 予 代 
码 完全 访问 权 , 并 假定 由 特定 用 户 可 运行 的 代码 具有 相同 的 信任 度 。 但 是 ,如 果 所 有 程序 
都 代表 某 用 户 运行 ,根据 用 户 对 代码 的 隔离 ,对 于 保护 一 个 程序 不 被 其 他 用 户 使 用 是 不 
够 的 。 

另 一 种 情况 ,不 能 被 完全 信任 的 代码 经 常 被 转移 到 “ 沙 箱 ” 模 型 中 执行 ,在 此 ,代码 运 
行 于 隔离 环境 ,而 不 会 访问 大 部 分 的 服务 。 在 今天 ,应 用 程序 成 功 的 安全 解决 方案 必须 能 
强化 两 个 安全 模型 间 的 平衡 。 它 必须 提供 对 资源 的 访问 ,以 便 完成 有 用 的 工作 ; 它 需 要 
对 应 用 程序 的 安全 性 做 细致 的 控制 以 确保 代码 被 识别 ,检测 ,并 给 予 合 适 的 安全 级 别 。 
.NET Framework 就 提供 了 一 个 这 样 的 安全 模型 。 

.NET Framework 安全 解决 方案 基于 管理 代码 的 概念 ,以 及 由 通用 语言 运行 时 
(CLR) 加 强 的 安全 规则 。 大 部 分 管理 代码 需要 进行 验证 以 确保 类 型 安全 及 预先 定义 好 的 
其 他 属性 的 行为 的 安全 。. NET Framework 的 目的 就 是 要 让 建立 Web Services 以 及 因 特 
网 应 用 程序 的 工作 变 得 简单 。 

. NET Framework 包括 了 三 大 部 分 : 第 一 个 部 分 是 Common Language Runtime 
(CLR, 所 有 . NET 程序 语言 公用 的 执行 时 期 组 件 ) ; 第 二 部 分 是 共享 对 象 类 别 库 ( 提 供 所 
有 .NET 程序 语言 所 需要 的 基本 对 象 ); 第 三 部 分 是 重新 以 组 件 的 方式 写成 的 (旧版 本 则 
是 以 asp. dll 提供 ASP 网 页 所 需要 的 对 象 ) 。 

如 图 2-6 所 示 ,在 .NET 体系 结构 中 ,. NET Framework 包含 一 个 非常 大 的 代码 库 ， 
可 以 在 客户 语言 (如 C# ) 中 通过 面向 对 象 的 编程 技术 来 使 用 这 些 代码 。 这 个 库 分 为 不 同 
的 模块 ,可 以 根据 需要 来 使 用 其 中 的 各 个 部 分 ,如 一 个 模块 包含 Windows 应 用 程序 的 构 
件 .一 个 模块 包含 Web 开发 的 代码 块 等 。 


2.1.3 配置 ASP.NET 环境 


在 “网 站 ”菜单 上 选择 “ASP.NET 配置 "。 选 择 “ 安 全 ”选项 卡 , 单 击 “ 使 用 安全 设置 向 
导 按 部 就 班 地 配置 安全 性 ?链接 ,然后 单 击 * 下 一 步 "按钮 。 

向 导 会 显示 一 个 页 面 ,可 以 在 其 中 选择 网 站 将 使 用 的 身份 验证 方法 。 选 择 “ 通 过 
Internet” 选 项 。 此 选项 指定 用 户 的 网 站 将 使 用 依赖 于 ASP .NET 成 员 资 格 系统 的 
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NET Framework 
类 库 (FCL) 


2-6 .NET 的 体系 结构 


ASP.NET Forms 身份 验证 。 当 使 用 Forms 身份 验证 时 ,用 户 将 使 用 在 本 演练 前 面部 分 
中 创建 的 登录 页 登录 到 网 站 。 


§ 【小 提示 】 


“通过 局 域 网 ”选项 可 将 网 站 配置 为 使 用 Windows 身份 验证 ,这 在 只 有 企业 网 络 中 的 
人 员 才 能 访问 网 站 的 情况 下 很 实用 。 这 是 ASP.NET 成 员 资 格 的 默认 设置 。 

单 击 “ 下 一 步 ”按钮 。 该 向 导 指 示 将 应 用 程序 配置 为 使 用 高 级 提供 程序 设置 。 默 认 情 
况 下 ,成 员 资 格 信息 存 储 在 网 站 上 App_Data 文件 夹 的 Microsoft SQL Server 数据 库 文 
件 中 。 单 击 * 下 一 步 " 按 钮 ,取消 选中 ”为 此 网 站 启用 角色 ” 复 选 框 ,再 单 击 “ 下 一 步 ? 按 钮 。 
在 这 个 显示 页 中 ,可 以 创建 新 用 户 。 输 入 定义 网 站 用 户 的 信息 。 相 关 属 性 含义 如 下 。 

(1) User Name: 名 称 (不 能 有 空格 ) 。 

(2) Password: 密码 。 需 要 严格 的 密码 (该 密码 包括 大 写 和 小 写字 母 以 及 标点 , 且 长 
度 至 少 为 8 个 字符 ) 。 

(3) E-mail: 个 人 电子 邮件 地 址 。 如 果 必 须 重 置 之 前 设置 密码 , 则 此 电子 邮件 地 址 将 
用 于 发 送 新 的 密码 。 因 此 ,需要 输入 一 个 有 效 的 电子 邮件 地 址 。 

(4) Security Question 和 Security Answer: 输入 可 在 以 后 需要 重 置 密码 时 使 用 的 问 
题 和 答案 。 

最 后 ,选中 “活动 用 户 " 复 选 框 。 单 击 “ 创 建 用 户 ” 按 钮 , 即 可 完成 设置 。 


2.2 面向 对 象 


面向 对 象 的 思想 已 经 涉及 软件 开发 的 各 个 方面 。 如 面向 对 象 的 分 析 (Object 
Oriented Analysis,OOA) ,面向 对 象 的 设计 (Object Oriented Design,OOD) 以 及 经 常 说 
的 面向 对 象 的 编程 实现 (Object Oriented Programming,.OOP)。 本 章 将 学 习 面 向 对 象 的 
知识 。 
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2.2.1 概念 


面向 对 象 程序 设计 (OOP) 是 一 种 程序 设计 范 型 ,同时 也 是 一 种 程序 开发 的 方法 。 已 
经 被 证 实 的 是 ,面向 对 象 程序 设计 推广 了 程序 的 灵活 性 和 可 维护 性 ,并 且 在 大 型 项 目 设计 
中 广 为 应 用 。 此 外 ,支持 者 声称 面向 对 象 程序 设计 要 比 以 往 的 做 法 更 加 便于 学 习 , 因 为 它 
能 够 让 人 们 更 简单 地 设计 并 维护 程序 ,使 得 程序 更 加 便于 分 析 设计 理解。 

当 提 到 面向 对 象 时 , 它 不 仅 指 一 种 程序 设计 方法 ,更 多 意义 上 是 一 种 程序 开发 方式 。 
在 这 方面 ,必须 了 解 更 多 关于 面向 对 象 系统 分 析 和 面向 对 象 设 计 方 面 的 知识 。 

面向 对 象 的 设计 是 一 种 提供 符号 设计 系统 的 面向 对 象 的 实现 过 程 , 它 用 非常 接近 实 
际 领域 术语 的 方法 把 系统 构造 成 “现实 世界 ”的 对 象 ,是 把 分 析 阶 段 得 到 的 需求 转变 成 符 
合成 本 和 质量 要 求 的 .抽象 的 系统 实现 方案 的 过 程 。 

面向 对 象 程序 设计 可 以 看 作 是 一 种 在 程序 中 包含 各 种 独立 而 又 互相 调用 的 对 象 的 思 
想 ,这 与 传统 思想 刚好 相反 : 传统 程序 设计 主张 将 程序 看 作 一 系列 函数 的 集合 ,或 者 直接 
就 是 一 系列 对 计算 机 下 达 的 指令 。 而 面向 对 象 程序 设计 中 的 每 一 个 对 象 都 能 够 接收 数 
据 、 人 处理 数据 并 将 数据 传达 给 其 他 对 象 ,因此 它们 都 可 以 被 看 作 一 个 小 型 的 “机 器 ”, 即 对 
象 。 这 也 是 面向 对 象 的 主要 思想 。 

1. 对 象 

对 象 的 概念 是 面向 对 象 技术 的 核心 。 对 象 是 人 们 要 进行 研究 的 任何 事物 ,从 最 简单 
的 整数 到 复杂 的 飞机 等 均 可 看 作对 象 , 它 不 仅 能 表示 具体 的 事物 ,还 能 表示 抽象 的 规则 、 
计划 或 事件 。 不 管 是 有 生命 的 对 象 还 是 无 生命 的 对 象 ,它们 都 有 一 些 共同 的 特征 , 即 都 有 
属性 和 行为 。 

软件 对 象 是 仿照 现实 对 象 建立 的 ,它们 也 有 状态 和 行为 。 软 件 对 象 用 变量 表示 对 象 
的 状态 ,用 方法 实现 对 象 的 行为 。 一 个 对 象 就 是 变量 和 相关 方法 的 集合 。 

2. 封装 

面向 对 象 程序 设计 方法 提出 了 一 个 全 新 的 概念 一 一 类 , 它 的 主要 思想 是 将 数据 (数据 
成 员 ) 及 处 理 这 些 数据 的 相应 方法 (函数 成 员 ) 封 装 到 类 中 ,类 的 实例 则 称 为 对 象 。 这 就 是 
常 说 的 封装 性 。 封 装 性 是 保证 软件 部 件 具 有 优良 模块 性 的 基础 。 面 向 对 象 的 类 是 封装 良 
好 的 模块 ,类 定义 将 其 说 明 ( 用 户 可 见 的 外 部 接口 ) 与 实现 (用 户 不 可 见 的 内 部 实现 ) 显 式 
地 分 开 , 其 内 部 实现 按 其 具体 定义 的 作用 域 提供 保护 。 

对 象 是 封装 的 最 基本 单位 。 封 装 防止 了 程序 相互 依赖 性 而 带 来 的 变动 影响 。 面 向 对 
象 的 封装 比 传统 语言 的 封装 更 清晰 、 更 有 力 。 

一 个 对 象 的 变量 构成 这 个 对 象 的 核心 ,一 般 不 将 其 对 外 公开 ,而 是 将 对 变量 的 处 理 方 
法 对 外 公开 ,这样 变量 就 被 隐藏 起 来 。 这 种 将 对 象 的 变量 置 于 方法 保护 之 下 的 方式 称 为 
封装 。 例 如 ,可 以 把 飞机 抽象 为 一 个 对 象 ,用 变量 来 表示 它 当 前 的 状态 ,如 速度 、 油 量 、 型 
号 、 所 处 的 位 置 等 , 它 的 行为 则 可 以 有 加 速 、 减 速 、 着 陆 等 。 

操作 飞机 时 ,不 用 去 考虑 飞机 内 部 各 个 零件 是 如 何 运 作 的 细节 问题 ,而 只 需 根据 飞机 
可 以 做 出 的 行为 来 使 用 相应 的 方法 就 可 以 了 。 实 际 上 ,面向 对 象 的 程序 设计 实现 了 对 对 
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象 的 封装 ,而 不 必 关 心 对 象 的 行为 是 如 何 实现 的 这 样 一 些 细节 。 

通过 对 对 象 的 封装 ,能 把 对 其 他 对 象 来 说 并 不 重要 的 对 象 的 实现 细节 隐藏 起 来 ,在 使 
用 一 个 对 象 时 ,只 需要 知道 怎样 引用 它 的 方法 而 无 须知 道 它 的 具体 实现 。 这 给 软件 开发 
人 员 提 供 了 两 个 好 处 。 

(1) 模块 化 。 面 向 对 象 开 发 方法 很 自然 地 支持 了 把 系统 分 解 成 模块 的 设计 原则 ,一 
个 对 象 的 源 代码 的 便携 盒 维护 独 立 于 其 他 对 象 的 源 代码 ,而 且 , 对 象 在 系统 中 容易 使 用 。 
它 是 把 数据 结构 和 操作 这 些 数据 的 方法 紧密 地 结合 在 一 起 所 构成 的 模块 。 

(2) 信息 隐蔽 8。 每 个 对 象 都 有 一 个 公共 接口 使 得 其 他 对 象 可 以 与 其 进行 通信 ,但 对 
象 能 维护 自己 的 私有 信息 和 方法 ,并 能 在 任何 时 候 在 不 影响 使 用 它 其 他 对 象 的 情况 下 改 
变 它们 。 

这 种 对 象 的 封装 性 对 创建 良好 的 面向 对 象 的 应 用 程序 的 开发 十 分 重要 。 

单独 一 个 对 象 一 般 没 有 什么 用 处 。 大 的 应 用 程序 中 通常 包含 许多 对 象 ,并 通过 这 些 
对 象 之 间 的 交互 来 完成 一 个 复杂 的 功能 。 例 如 ,在 多 媒体 教室 进行 教学 活动 过 程 中 ,包括 
教师 对 象 .学 生 对 象 .计算 机 对 象 . 投 影 仪 对 象 .音响 设备 对 象 和 桌子 对 象 等 ,通过 这 些 对 
象 之 间 的 使 用 与 交互 才能 顺利 完成 教学 活动 。 

对 象 之 间 的 交互 通过 消息 传递 来 实现 。 当 对 象 A 让 对 象 B 执行 它 的 某 个 方法 时 ,对 
象 A 就 要 像 对 象 B 发 送 消息 ,有 时 ,接收 消息 的 对 象 需要 了 解 更 多 信息 ,以 明确 该 做 什 
么 ,这 时 就 需要 传递 一 些 参 数 。 例 如 ,要 使 汽车 加 速 , 必 须发 给 汽车 一 个 消息 ,告诉 它 进 行 
什么 样 的 动作 (这 里 是 加 速 ), 以 及 实现 这 种 动作 所 需要 的 参数 (这 里 是 需要 达到 的 
速度 等 ) 。 

发 送 消 息 的 实质 是 要 调用 接收 消息 的 对 象 的 方法 ,所 以 发 送 消息 首先 要 确定 接收 消 
息 的 对 象 , 然 后 确定 调用 对 象 的 方法 ,最 后 传递 此 方法 需要 的 参数 。 

3. 类 

类 是 具有 相似 特性 (数据 元 素 ) 和 行为 (功能 ) 的 对 象 的 抽象 。 描 述 了 该 类 型 所 有 对 象 
的 性 质 , 即 统一 的 状态 和 行为 。 用 面向 对 象 的 术语 来 说 ,类 定义 了 所 有 某 种 类 型 的 对 象 的 
共有 的 变量 和 方法 。 也 可 以 说 类 的 实例 是 对 象 ,类 实际 上 就 是 一 种 数据 类 型 。 属 于 类 的 
某 一 个 对 象 被 称 为 是 类 的 一 个 实例 ,是 类 的 一 次 实例 化 结果 。 从 一 个 类 能 创建 许多 对 象 
的 实例 。 类 与 对 象 之 间 的 关系 可 以 看 成 是 抽象 与 具体 的 关系 。 例 如 ,你 的 汽车 作为 一 个 
具体 对 象 ,是 汽车 类 的 一 个 实例 。 

类 具有 属性 , 它 是 对 象 状态 的 抽象 ,用 数据 结构 来 描述 类 的 属性 。 类 具有 操作 , 它 是 
对 象 行为 的 抽象 ,用 操作 名 和 实现 该 操作 的 方法 来 描述 。 

在 面向 对 象 的 编程 中 ,类 形成 了 一 个 具有 特定 功能 的 模块 和 一 种 代码 共享 手段 。 它 
为 程序 员 提 供 了 一 种 工具 ,使 他 们 可 以 方便 地 建立 所 需要 的 对 象 ,这 些 已 有 的 类 还 可 以 使 
程序 员 不 必 重 复 劳动 就 可 以 创造 出 新 的 类 。 

4. 消息 和 方法 

对 象 之 间 进 行 通信 的 结构 称 为 消息 。 在 对 象 的 操作 中 , 当 一 个 消息 发 送 给 某 个 对 
象 时 ,消息 包含 接收 对 象 去 执行 某 种 操作 的 信息 。 发 送 一 条 消息 至 少 要 包括 说 明 接 受 
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消息 的 对 象 名 发送 给 该 对 象 的 消息 名 ( 即 对 象 名 方法 名 ) 。 一 般 还 要 对 参数 加 以 说 
明 ,参数 可 以 是 认识 该 消息 的 对 象 所 知道 的 变量 名 ,或 者 是 所 有 对 象 都 知道 的 全 局 变 
量 名 。 

类 中 操作 的 实现 过 程 称 为 方法 ,一 个 方法 有 方法 名 、 返 回 值 参数 、 方 法 体 。 


2.2.2 面向 对 象 的 程序 设计 


1. 面向 对 象 程序 设计 的 发 展 过 程 

面向 对 象 出 现 以 前 ,结构 化 程序 设计 是 程序 设计 的 主流 ,结构 化 程序 设计 又 称 为 面向 
过 程 的 程序 设计 。 在 面向 过 程 程序 设计 中 ,问题 被 看 作 一 系列 需要 完成 的 任务 ,函数 (在 
此 泛 指 例 程 函 数 、 过 程 ) 用 于 完成 这 些 任 务 。 程 序 二 (算法 ) 十 (数据 结构 ), 即 算法 是 一 个 
独立 的 整体 ,数据 结构 (包含 数据 类 型 与 数据 ) 也 是 一 个 独立 的 整体 。 

两 者 分 开设 计 , 以 算法 或 过 程 为 主 。 这 种 算法 与 数据 分 离 ,造成 一 个 数据 可 被 多 个 算 
法 调用 ,一 个 算法 又 可 以 调用 多 个 数据 的 局 面 ,这 样 ,一 旦 产生 错误 很 难 跟踪 是 谁 修改 了 
数据 。 因 此 要 使 数据 与 程序 始终 保持 相 容 ,已 经 成 为 程序 员 一 个 沉重 的 负担 。 尤 其 开发 
大 型 复杂 的 应 用 程序 时 ,结构 化 程序 设计 更 加 力不从心 。 

为 了 解决 上 述 问题 ,人 们 不 得 不 换个 角度 思考 问题 。 人 们 发 现 现 实 世界 本 身 就 是 一 
个 对 象 的 世界 ,任何 对 象 都 有 一 定 的 属性 和 操作 ,也 就 总 能 用 数据 结构 与 算法 两 者 结合 
描述 , 即 算法 与 数据 结构 是 一 个 整体 ,算法 总 是 离 不 开 数 据 结构 ,而 算法 只 能 是 适用 于 特 
定 的 数据 结构 。 这 时 程序 的 定律 即 被 改 为 : 对 象 =( 算 法 十 数据 结构 ) ,程序 一 (对 象 十 对 
象 十 ……) ,于 是 就 产生 了 新 的 程序 设计 方法 , 即 面向 对 象 的 程序 设计 。 

面向 对 象 的 设计 思想 是 以 需要 解决 的 问题 空间 所 涉及 的 各 种 对 象 为 主体 。 对 象 最 主 
要 的 特点 是 以 数据 为 中 心 , 它 是 集成 了 数据 和 对 数据 操作 的 一 个 独立 个 体 。 对 象 的 数据 
封装 特性 消除 了 数据 与 操作 分 离 带 来 的 各 种 问题 ,提高 了 程序 的 可 复 用 性 和 可 维护 性 , 降 
低 了 程序 员 保 持 数 据 与 操作 相 容 的 负担 。 

2. 面向 对 象 程序 设计 的 软件 开发 方法 

面向 对 象 编程 是 思考 程序 设计 时 一 种 新 的 ,与 过 程 化 编程 全 然 不 同 的 方式 ,面向 对 象 
的 软件 开发 可 概括 为 以 下 过 程 。 

(1) 分 析 用 户 需求 。 抽 取出 存在 于 用 户 需 求 中 的 各 种 对 象 实体 .他 们 之 间 的 相互 
关系 以 及 他 们 在 整个 系统 中 的 位 置 ,从 而 抽取 出 对 象 模 型 ,将 用 户 的 需求 准确 地 表达 
出 来 。 

(2) 根据 抽取 的 模型 设计 类 。 包 括 类 中 属性 的 确定 、 类 中 方法 的 功能 和 实现 细节 的 
明确 规定 以 及 它们 的 访问 权限 ,同时 还 要 考虑 是 否 有 可 以 直接 引用 的 已 有 类 等 。 

(3) 选 定 一 种 面向 对 象 的 编程 语言 。 具 体 编码 实现 上 一 阶段 类 的 设计 ,并 在 开发 中 
引入 测试 ,完善 整个 解决 方案 。 

由 于 对 象 的 概念 能 够 更 自然 地 表达 和 处 理 现实 世界 的 问题 ,所 以 面向 对 象 的 软件 开 
发 方法 可 以 编写 出 具有 更 好 的 灵活 性 、 可 重用 性 和 可 扩展 性 的 代码 ,使 得 上 述 “ 分 析 、 设 
计 、 实 现 ?的 开发 过 程 更 加 高 效 、 快 捷 。 即 使 需要 修改 原 有 设计 ,也 能 够 在 以 前 工作 的 基础 
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上 从 容 完成 ,而 不 会 陷入 传统 方法 中 不 得 不 推翻 原 有 设计 、 重 新 考虑 数据 结构 和 程序 结构 
的 尴 粹 境地 。 


2.3 C# 数 据 类 型 


C# 是 一 种 简洁 、 现 代 、 面 向 对 象 且 类 型 安全 的 编程 语言 。 从 大 的 方面 来 分 ,C# 语 言 
的 数据 类 型 可 以 分 为 3 种 , 即 值 类 型 .引用 类 型 .指针 类 型 。 指 针 类 型 仅 用 于 非 安 全 代码 
中 。 虽 然 C# 是 面向 对 象 的 语言 ,然而 C# 进一步 提供 了 对 面向 组 件 编程 的 支持 。 本 节 
先 来 认识 一 下 C# 的 数据 类 型 。 


2.3.1 变量 


变量 (variable) , 言 外 之 意 即 是 可 变 的 ,用 来 存储 程序 所 需 的 数据 。 

1. 变量 的 声明 
蝶 [基本 语法 ] 

数据 类 型 变量 名 ; 

其 中 ,变量 名 必须 是 有 效 的 标识 符 。 也 可 以 在 声明 的 同时 初始 化 该 变量 。 
蝶 [基本 语法 1 

数据 类 型 变量 名 = 值 ; 

其 中 , 除 变量 名 必须 是 有 效 的 标识 符 外 , 值 必须 与 变量 声明 的 数据 类 型 相 兼 容 。 

例如 ,int i; 该 句 声明 了 一 个 int( 整 型 ) 变 量 i。 

如 果 在 一 个 语句 中 声明 和 初始 化 了 多 个 变量 ,那么 所 有 的 变量 都 具有 相同 的 数据 类 
型 。 要 声明 类 型 不 同 的 变量 ,需要 使 用 单独 的 语句 。 在 多 个 变量 的 声明 中 ,不 能 指定 不 同 
的 数据 类 型 。 

2. 变量 初始 化 

C# 编 译 器 需要 每 个 变量 在 有 了 初始 值 之 后 才能 使 用 该 变量 。 简 单 地 说 ,C# 编译 器 
需要 用 某 个 初始 值 对 变量 进行 初始 化 ,之 后 才能 在 操作 中 引用 该 变量 。 大 多 数 现代 编译 
器 把 没有 初始 化 标记 为 警告 ,但 C# 编译 器 把 它 当 作 错 误 来 看 待 。 这 就 可 以 防止 无 意 中 
从 其 他 程序 遗留 下 来 的 内 存 中 获取 垃圾 值 。 

在 C# 变 量 初始 化 时 有 两 点 需要 注意 。 

(1) 首先 变量 是 类 或 者 结构 中 的 字段 ,如 果 没 有 显 式 地 初始 化 ,在 默认 状态 下 ,创建 
这 些 变量 时 ,其 初始 值 就 是 0。 

【 例 2-1】 

using System; 


namespace gosoa. com { 
class MyFirstClass { 
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static int y; 
static void Main() { 
Console. WriteLine(y); 
} 
: 
} 


在 类 中 声明 了 一 个 变量 y, 然 后 输出 该 变量 ,编译 并 运行 后 会 看 到 输出 的 结果 是 0。 


(2) 其 次 ,方法 中 的 变量 必须 显 式 地 初始 化 ,否则 在 使 用 该 变量 时 会 出 错 。 
【 例 2-2】 
using System; 
namespace gosoa. com { 
class MyFirstClass { 
static void Main() { 
int y; 
Console. WriteLine(y); 


} 
} 
’ 


在 编译 的 时 候 会 报错 。 需 要 把 int y 显 式 地 进行 初始 化 才 会 通过 编译 。 比 如 初始 化 


y 的 值 为 10, 即 int y 一 10; 便 会 通过 编译 。 
3. 变量 的 作用 域 


变量 的 作用 域 是 指 可 以 使 用 该 变量 的 代码 区 域 。 一 般 情况 下 ,确定 作用 域 有 以 下 规则 。 
(1) 只 要 变量 所 属 的 类 在 某 个 作用 域内 ,其 字段 (也 叫 作成 员 变 量 ) 也 在 该 作用 域 中 。 


(2) 局 部 变量 存在 于 声明 该 变量 的 块 语句 或 方法 结束 的 大 括号 之 前 的 作用 域 。 
(3) 在 for、while 循环 中 声明 的 变量 ,只 存在 于 该 循环 体内 。 

对 于 变量 的 作用 域 , 应 注意 如 下 两 点 。 

(1) 局 部 变量 的 作用 域 冲突 。 


大 型 程序 在 不 同 部 分 为 不 同 变量 使 用 相同 的 变量 名 是 很 常见 的 。 只 要 变量 的 作用 域 
是 程序 的 不 同 部 分 ,就 不 会 有 问题 ,也 不 会 产生 模糊 性 。 但 要 注意 ,同名 的 局 部 变量 不 能 


在 同一 作用 域内 声明 两 次 。 
(2) 字段 和 局 部 变量 的 作用 域 冲 突 。 


在 某 些 情况 下 ,可 以 区 分 名 称 相 同 ( 尽 管 其 完全 限定 的 名 称 不 同 ) ,作用 域 相同 的 两 个 


标识 符 。 此 时 编译 器 允许 声明 第 二 个 变量 。 原 因 是 C# 在 变量 之 间 有 一 个 基本 的 
它 把 声明 为 类 型 级 的 变量 看 作 字段 ,而 把 在 方法 中 声明 的 变量 看 作 局 部 变量 。 


2.3.2 常量 


区 分 ， 


常量 指 一 经 初始 化 就 不 会 再 次 被 改变 的 “变量 ”, 在 程序 的 整个 运行 过 程 中 不 允许 改 
变 它 的 值 。 声 明 变量 时 ,在 变量 前 面 加 上 const 关键 字 就 可 以 把 该 变量 指定 为 一 个 常量 。 


在 这 里 需要 注意 以 下 两 点 。 
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(1) 常量 必须 在 声明 时 就 初始 化 ,而 且 其 赋值 后 就 不 能 再 更 改 了 。 
(2) 常量 总 是 静态 (static) 的 ,不 必 在 声明 常量 时 添加 static 关键 字 。 
1. 编译 时 常量 


2 【基本 语法 】 
const 数据 类 型 常量 名 = 值 ; 


编译 时 常量 作为 类 成 员 时 总 是 作为 static 成 员 出 现 。 不 允许 自己 加 static 关键 字 。 
编译 时 常量 的 值 必须 是 在 编译 时 就 能 确定 下 来 的 ,只 支持 一 些 基本 数据 类 型 。 
2. 运行 时 常量 


8 【基本 语法 】 
readonly 数据 类 型 常量 名 = 值 ; 
运行 时 常量 可 以 弥补 编译 时 常量 不 能 定义 复杂 数据 类 型 的 缺点 。 


2.3.3 值 类 型 和 引用 类 型 的 区 别 


简单 地 说 ,C# 中 的 数据 类 型 可 以 分 为 值 类 型 和 引用 类 型 。 值 类 型 存储 在 堆栈 上 ,而 
引用 类 型 存储 在 管理 堆 上 。 在 C# 语 言 中 , 值 类 型 变量 存储 的 是 数据 类 型 所 代表 的 实际 
数据 , 值 类 型 变量 的 值 (或 实例 ) 存 储 在 栈 (Stack) 中 ,赋值 语句 是 传递 变量 的 值 。 引 用 类 
型 (如 类 就 是 引用 类 型 ) 的 实例 也 叫 对 象 ,不 存在 栈 中 ,而 存储 在 可 管理 堆 (Managed 
Heap) 中 , 堆 实 际 上 是 计算 机 系统 中 的 空闲 内 存 。 

引用 类 型 变量 的 值 存储 在 栈 (Stack) 中 ,但 存储 的 不 是 引用 类 型 对 象 ,而 是 存储 引用 
类 型 对 象 的 引用 , 即 地 址 ,与 指针 所 代表 的 地 址 不 同 ,引用 所 代表 的 地 址 不 能 被 修改 ,也 不 
能 转换 为 其 他 类 型 的 地 址 , 它 是 引用 型 变量 ,只 能 引用 指定 类 对 象 ,引用 类 型 变量 赋值 语 
句 是 传递 对 象 的 地 址 。 

C# 的 值 类 型 进一步 划分 为 简单 类 型 (simple type) 、 枚 举 类 型 (enum type) 和 结构 类 型 
(struct type) ,C# 的 引用 类 型 进一步 划分 为 类 类 型 (class type) ,接口 类 型 (interface type) 、 数 
组 类 型 (array type) 和 委托 类 型 (delegate type) 。 如 表 2-1 所 示 C# 中 的 类 型 系统 。 

表 2-1 C# 类 型 系统 
类 型 说 明 
有 符号 整 型 : sbyte、short、int、long 


无 符号 整 型 : byte、ushort、uint、ulong 
Unicode 字符 : char 


从 时 类 IEEE 学 点 型 :float.double 
人 人 全 高 精度 小 数 : decimal 
布尔 型 : bool 
结构 类 型 struct S {...} 形式 的 用 户 定义 的 类 型 


枚 举 类 型 enum E {.…} 形式 的 用 户 定义 的 类 型 
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续 表 
类 型 说 明 
所 有 其 他 类 型 的 最 终 基 类 : object Unicode 
类 类 型 字符 串 : string 
引用 类 型 class C {.…}》 形式 的 用 户 定义 的 类 型 

接口 类 型 interface I {...) 形式 的 用 户 定义 的 类 型 
数组 类 型 一 维和 多 维 数组 ,如 int[] 和 int[,] 
委托 类 型 delegate T D(...) 形式 的 用 户 定义 的 类 型 


2.3.4 值 类 型 变量 


C# 语 言 值 类 型 可 以 分 为 以 下 几 种 。 

(1) 简单 类 型 (simple types)。 包 括 数值 类 型 和 布尔 类 型 (bool)。 数 值 类 型 又 细 分 为 
整数 类 型 .字符 类 型 (char) 、 浮 点 数 类 型 和 十 进 制 类 型 (decimal)。 

(2) 结构 类 型 (struct types) 。 

(3) 枚 举 类 型 (enumeration types)。 

C# 语 言 值 类 型 变量 无 论 如 何 定义 ,总 是 值 类 型 变量 ,不 会 变 为 引用 类 型 变量 。 

1. 简单 类 型 

简单 类 型 也 是 结构 类 型 ,因此 有 构造 函数 .数据 成 员 方法 .属性 等 。 即 使 一 个 常量 ， 
C# 也 会 生成 结构 类 型 的 实例 ,因此 也 可 以 使 用 结构 类 型 的 方法 。 简 单 类 型 如 表 2-2 所 
示 , 包 括 整 数 类 型 ,字符 类 型 布尔 类 型 . 浮 点 数 类 型 .十进制 类 型 (decimal)。 


表 2-2 简单 类 型 
System 命名 空间 | 字 节 
类 型 | 保留 字 中 的 名 字 数 取 值 范围 说 明 
sbyte | System. Sbyte 1 | 一 128 一 127 8 位 有 符号 整数 
byte | System. Byte 1 |0~255 8 位 无 符号 整数 
short |System. Int16 2 | 一 32768 一 32767 16 位 有 符号 整数 
整数 | ushort | System. UInt16 | 2 |0~65535 16 位 无 符号 整数 
类 型 | int |System. Int32 4 | 一 2147483648 一 2147483647 32 位 有 符号 整数 
uint | System. UInt32 | 4 |0 一 4292967295 32 位 无 符号 整数 
long | System. Int64 8 | 二 外 二 人 一 64 位 有 符号 整数 
ulong | System. UInt64 | 8 |0~2%*—1 64 位 无 符号 整数 
。 一 个 16 位 的 unicode 字符 
字符 | char |system. char | 2 |o~esss5 。 使 用 单 引号 括 起 来 。 双 引号 
A 括 起 来 的 是 字符 串 类 型 的 
浮 点 | float |System. Single 4 |3.4E 一 38 一 3.4E 十 38 32 位 单 精 度 浮 点 数 
类 型 | double | System. Double | 8 |1.7E 一 308 一 1.7E 十 308 64 位 双 精 度 浮 点 数 
有 bool | System. Boolean (true,false) 包含 true 和 false 
| decimal| System. Decimal | 16 |+1.0~7.9 情人 ee 
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C# 简 单 类 型 使 用 方法 和 C、C++ 中 相应 的 数据 类 型 基本 一 致 。 需 要 注意 以 下 几 点 。 

(1) 无 论 在 何 种 系统 中 ,C# 每 种 数据 类 型 所 占 字 节 数 是 一 定 的 。 

(2) 整数 类 型 不 能 隐 式 被 转换 为 字符 类 型 (char) ,如 char cl 二 10 是 错误 的 ,必须 写 
成 : char cl1 王 (char)10,char c='A',char c= '\x0032';char c 一 \u0032'。 

(3) 布尔 类 型 有 两 个 值 : false、true。 不 能 认为 整数 0 是 false, 其 他 值 是 true。 例 如 ， 
bool x 一 1 是 错误 的 ,不 存在 这 种 写法 ,只 能 写成 x 一 true 或 x 一 false。 

(4) 十 进 制 类 型 (decimal) 也 是 浮 点 数 类 型 ,只 是 精度 比较 高 ,一 般 用 于 财政 金融 
计算 。 

2. 结构 类 型 

结构 类 型 和 类 一 样 ,可 以 声明 构造 函数 数据 成 员 、 方 法 、 属 性 等 ,是 能 够 包含 数据 成 
员 和 函数 成 员 的 数据 结构 。 结 构 类 型 的 变量 直接 存储 该 结构 的 数据 。 

结构 和 类 的 最 根本 的 区 别 是 结构 为 值 类 型 ,类 为 引用 类 型 。 和 类 不 同 ,结构 不 能 从 另 
外 一 个 结构 或 者 类 派生 ,其 本 身 也 不 能 被 继承 ,因此 不 能 定义 抽象 结构 ,结构 成 员 也 不 能 
被 访问 权限 控制 字 protected 修饰 ,也 不 能 用 virtual 和 abstract 修饰 结构 方法 。 在 结构 
中 不 能 定义 析 构 函数 。 所 有 结构 类 型 都 隐 式 地 从 类 型 System. ValueType 继承 。 
System. ValueType 继承 自 System. Object。 

虽然 结构 不 能 从 类 和 结构 派生 ,但 是 结构 能 够 继承 接口 ,结构 继承 接口 的 方法 和 类 继 
承接 口 的 方法 基本 一 致 。 


旺 【基本 语法 】 


Struct 结构 名 称 
下 


【 例 2-3】 定义 一 个 点 结构 point。 


using System; 


structpoint // 结 构 定义 
{ public int x,y; // 结 构 中 也 可 以 声明 构造 函数 和 方法 , 变量 不 能 赋 初 值 
} 
class Test // 类 定义 
{ static void Main() 
{ pointPpl; 
Pl.x= 166; 
Pl.y=111; 
point P2; 
P2 = Pl1; // 值 传递 ,使 P2.x= 166,P2.Y= 111 
point P3 = new point();  // 用 new 生成 结构 变量 P3,P3 仍 为 值 类 型 变量 
} // 用 new 生成 结构 变量 P3 仅 表 示 调 用 默认 构造 函数 ,使 x=y==0 
' 
3. 枚 举 类 型 


枚 举 (enum) 是 具有 一 组 命名 常量 的 独特 的 值 (结构 ) 类 型 。 每 个 枚 举 类 型 都 有 一 个 
相应 的 整 型 类 型 , 称 为 该 枚 举 类 型 的 基础 类 型 (underlying type)。 没 有 显 式 声明 基础 类 
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型 的 枚 举 类 型 所 对 应 的 基础 类 型 是 int。 枚 举 类 型 的 存储 格式 和 取 值 范围 由 其 基础 类 型 
确定 。 所 有 枚 举 类 型 默认 继承 自 System. Enum 类 型 ,System. Enum 继承 自 System. 
ValueType。 
【 例 2-4】 定义 星期 。 
using System; 
class Classl 
{ enum Days {Sun, Mon, Tue, Wed, Thu, Fri,Sat}; 
// 使 用 Visual Studio. Net, enunm 语句 添加 在 [STAThread] 前 边 
static void Main( string[ ] args) 
{ Days day= Days. Tue; 
int x= (int)Days. Tue;//x=2 
Console. WriteLine("day = {0},x= {1}", day, x); 
// 显 示 结 果 为 :day = Tue,x=4 
} 
: 
在 此 枚 举 类 型 Days 中 ,每 个 元 素 的 默认 类 型 为 int, 其 中 Sun 二 0, Mon 二 1, Tue 一 2， 
以 此 类 推 。 也 可 以 直接 给 枚 举 元 素 赋值 。 例 如 : 


enum Days{Sun = 0,Mon=1,Tue=2,Wed=3,Thu= 4,Fri=5,Sat=6}; 


在 此 枚 举 中 ,Sun 二 0,Mon 一 1, Tue 一 2, Wed 一 3 等 。C# 枚 举 元 素 类 型 可 以 是 byte、 
sbyte、short、ushort、int、uint、long 和 ulong 类 型 ,但 不 能 是 char 类 型 。 例 如 : 


enum Days:byte{Sun, Mon, Tue, Wed, Thu, Fri, Sat} ;// 元 素 为 字 节 类 型 


4. 值 类 型 的 初 值 和 默认 构造 函数 

所 有 变量 都 要 求 必须 有 初 值 ,如 没有 赋值 , 则 采用 默认 值 。 对 于 简单 类 型 ,如 sbyte、 
byte short ,ushort int uint\long 和 ulong 默认 值 为 0,char 类 型 默认 值 是 (char)0,float 
为 0.0f,double 为 0. 0d, decimal 为 0. 0m,bool 为 false, 枚 举 类 型 为 0, 在 结构 类 型 和 类 
中 ,数据 成 员 的 数值 类 型 变量 设置 为 默认 值 ,引用 类 型 变量 设置 为 null。 

可 以 显 式 地 赋值 ,如 int i 二 0。 而 对 于 复杂 结构 类 型 ,其 中 的 每 个 数据 成 员 都 按 此 种 
方法 赋值 ,显得 过 于 麻烦 。 由 于 数值 类 型 都 是 结构 类 型 ,可 用 new 语句 调用 其 构造 函数 
初始 化 数值 类 型 变量 ,如 int j 二 new int()。 


§ 【小 提示 】 


用 new 语句 并 不 是 把 int 变量 变 为 引用 变量 ,j 仍 是 值 类 型 变量 ,这 里 new 仅仅 是 调 
用 其 构造 函数 。 所 有 数值 类 型 都 有 默认 的 无 参数 的 构造 函数 ,其 功能 就 是 为 该 数值 类 型 
赋 初 值 为 默认 值 。 对 于 自 定义 结构 类 型 ,由 于 已 有 默认 的 无 参数 的 构造 函数 ,因此 不 能 再 
定义 无 参数 的 构造 函数 ,但 可 以 定义 有 参数 的 构造 函数 。 

2.3.5 引用 类 型 


C# 的 引用 类 型 进一步 划分 为 类 类 型 (class type) ,接口 类 型 (interface type) ,数组 
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类 型 es type) 和 委托 类 型 (delegate type)。 
# 语 言 中 引用 类 型 可 以 分 为 以 下 几 种 。 
a 一 些 类 ,如 对 象 类 (object 类 )、 字 符 串 类 等 。 当 然 ,程序 
员 可 以 定义 其 他 类 。 
(2) 接口 。 
(3) 数组 。 
0 
# 语 言 引用 类 型 变量 无 论 如 何 定义 ,总 是 引用 类 型 变量 ,不 会 变 为 值 类 型 变量 。 
as 般 用 运算 符 new 建立 ,用 引用 类 型 变量 引用 该 对 象 。 
1. 类 
1) C# 中 类 的 定义 
类 可 以 认为 是 对 结构 的 扩充 ,C# 中 类 不 但 可 以 包括 数据 ,还 包括 处 理 这 些 数 据 的 函 
数 。 类 是 对 数据 和 处 理 数据 的 方法 (函数 ) 的 封装 。 类 是 对 某 一 类 具有 相同 特性 和 行为 的 
事物 的 描述 。 


旺 【基本 语法 】 
属性 类 修饰 符 class 类 名 {类 体 } 
< [语法 说 明 】 


(1) class 是 保留 字 ,表示 定义 一 个 类 ,类 名 是 定义 类 的 名 称 。 

(2) 关键 字 class、 类 名 和 类 体 是 必需 的 ,其 他 项 是 可 选项 。 

(3) 类 修饰 符 包括 new、public、protected internal、private、abstract 和 sealed。 
(4) 类 体 用 于 定义 类 的 成 员 。 

【 例 2-5】 定义 一 个 描述 个 人 情况 的 类 Person。 


using System; 


class Person // 类 的 定义 ,class 是 保留 字 , 表示 定义 一 个 类 , Person 是 类 名 
{ private string name = " 张 三 "; // 类 的 数据 成 员 声 明 

private int age= 12; //private 表示 私有 数据 成 员 

public void Display() // 类 的 方法 (函数 ) 声 明 ,显示 姓名 和 年 龄 


{ Console. WriteLine(" 姓 名 :{0}, 年 龄 : {1}", nanme, age); 
} 
public voidSetName( string PersonName) // 修 改姓 名 的 方法 (函数 ) 
{ name= PersonName; 
} 
public voidSetAgel( int PersonAge) 
{ age= PersonAge; 
} 
下 


Console. WriteLine(" 姓 名 :{0} ,年 龄 : {1)" ,name,age) 的 意义 是 将 第 二 个 参数 变量 
name 变 为 字符 串 填 到 {0} 位 置 .将 第 三 个 参数 变量 age 变 为 字符 串 填 到 {1} 位 置 ,将 第 一 
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个 参数 表示 的 字符 串 在 显示 器 上 输出 。 


§ 【小 提示 】 


这 里 实际 定义 了 一 个 新 的 数据 类 型 ,为 用 户 自己 定义 的 数据 类 型 ,是 对 个 人 的 特性 和 
行为 的 描述 , 它 的 类 型 名 为 person, 和 int、char 等 一 样 为 一 种 数据 类 型 。 用 定义 新 数据 类 
型 person 类 的 方法 把 数据 和 处 理 数据 的 函数 封装 起 来 。 

2) 类 成 员 的 存 取 控 制 

一 般 希 望 类 中 一 些 数据 不 被 随意 修改 , 仅 按 指定 方法 修改 , 即 隐蔽 一 些 数据 。 同 样 一 
些 函 数 也 不 希望 被 其 他 类 程序 调用 ,只 能 在 类 内 部 使 用 。 可 用 访问 权限 控制 字 来 解决 这 
个 问题 。 常 用 的 访问 权限 控制 字 如 下 : private( 私 有 ) .public( 公 有 ) 。 在 数据 成 员 或 函数 
成 员 前 增加 访问 权限 控制 字 , 可 以 指定 该 数据 成 员 或 函数 成 员 的 访问 权限 。 

私有 数据 成 员 只 能 被 类 内 部 的 函数 使 用 和 修改 ,私有 函数 成 员 只 能 被 类 内 部 的 其 他 
函数 调用 。 类 的 公有 函数 成 员 可 以 被 类 的 外 部 程序 调用 ,类 的 公有 数据 成 员 可 以 被 类 的 
外 部 程序 直接 使 用 修改 。 公 有 函数 是 一 个 类 和 外 部 通信 的 接口 ,外 部 函数 通过 调用 公有 
函数 ,按照 预先 设 定好 的 方法 修改 类 的 私有 成 员 。 对 于 上 述 例 子 ,name 和 age 是 私有 数 
据 成 员 , 只 能 通过 公有 函数 SetName() 和 SetAge() 修 改 , 即 它们 只 能 按 指 定 方法 修改 。 


§ 【小 提示 】 


这 里 再 一 次 地 体现 了 封装 的 意义 ,第 一 是 把 数据 和 处 理 数 据 的 方法 同时 定义 在 类 中 ; 
第 二 是 用 访问 权限 控制 字 使 数据 隐藏 。 

3) 类 的 对 象 

person 类 仅 是 一 个 用 户 新 定义 的 数据 类 型 ,由 它 可 以 生成 person 类 的 实例 ,C# 语 
言 叫 对 象 。 用 以 下 方法 声明 类 的 对 象 。 


personOnePerson = new Person() 


此 语句 的 意义 是 建立 person 类 对 象 ,返回 对 象 地 址 赋值 给 person 类 变量 
OnePerson。 也 可 以 分 两 步 创建 person 类 的 对 象 : 


PersonOnePerson; OnePerson = new Person(); 


OnePerson 虽然 存储 的 是 person 类 对 象 地 址 ,但 不 是 C 中 的 指针 ,不 能 像 指 针 那 样 
可 以 进行 加 减 运 算 , 也 不 能 转换 为 其 他 类 型 地 址 , 它 是 引用 型 变量 ,只 能 引用 (代表 ) 
person 对 象 ,具体 意义 参见 以 后 章节 。 和 C、C++ 不 同 ,C# 只 能 用 此 种 方法 生成 类 对 象 。 

在 程序 中 ,可 以 用 OnePerson. 方法 名 或 OnePerson. 数据 成 员 名 访问 对 象 的 成 员 , 如 
OnePerson. Display() ,公用 数据 成 员 也 可 以 这 样 访问 。 


§ 【小 提示 】 


C# 语 言 中 不 包括 C++ 语言 中 的 一 之 符号 。 
4) 类 的 构造 函数 和 析 构 函数 
在 建立 类 的 对 象 时 , 需 做 一 些 初始 化 工作 ,如 对 数据 成 员 初 始 化 。 这 些 可 以 用 构造 函 
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数 来 完成 。 每 当 用 new 生成 类 的 对 象 时 ,自动 调用 类 的 构造 函数 。 因 此 ,可 以 把 初始 化 
的 工作 放 到 构造 函数 中 完成 。 构 造 函 数 和 类 名 相同 ,没有 返回 值 。 例 如 ,可 以 定义 
person 类 的 构造 函数 。 

【 例 2-6】 

public Person( string Name, int Age) // 类 的 构造 函数 ,函数 名 和 类 同名 ,无 返回 值 

{ name = Name; 

age = Age; 

} 

当 用 PersonOnePerson 一 new Person(" 张 五 ",20) 语 句 生 成 person 类 对 象 时 ,将 自动 
调用 以 上 构造 函数 。 


§ 【小 提示 】 


变量 和 类 的 对 象 都 有 生命 周期 ,生命 周期 结束 ,这 些 变量 和 对 象 就 要 被 撤销 。 类 的 对 
象 被 撤销 时 ,将 自动 调用 析 构 函数 。 一 些 善后 工作 可 放 在 析 构 函数 中 完成 。 析 构 函 数 的 
名 字 为 类 名 ,无 返回 类 型 ,也 无 参数 。person 类 的 析 构 函数 为 person()。C 并 中 类 析 构 函 
数 不 能 显 式 地 被 调用 , 它 是 被 垃圾 收集 器 撤销 不 被 使 用 对 象 时 自动 调用 的 。 

5) 类 的 构造 函数 的 重 载 

在 C# 语 言 中 ,同一 个 类 中 的 函数 ,如 果 函 数 名 相同 ,而 参数 类 型 或 个 数 不 同 ,认为 是 
不 同 的 函数 ,这 叫 函 数 重 载 。 仅 返回 值 不 同 , 不 能 看 作 不 同 的 函数 。 这 样 ,可 以 在 类 定义 
中 ,定义 多 个 构造 函数 ,名 字 相 同 ,参数 类 型 或 个 数 不 同 。 根 据 生成 类 的 对 象 方法 不 同 , 调 
用 不 同 的 构造 函数 。 例 如 ,可 以 定义 person 类 没有 参数 的 构造 函数 。 

【 例 2-7】 

public Person() // 类 的 构造 函数 ,函数 名 和 类 同名 ,无 返回 值 

{ name=" 张 三 "; 

age= 12; 

} 

用 语句 Person OnePerson 一 new Person(" 李 四 " ,30) 生 成 对 象 时 ,将 调用 有 参数 的 构 
造 函 数 ,而 用 语句 Person OnePerson 一 new Person() 生 成 对 象 时 ,调用 无 参数 的 构造 函 
数 。 由 于 析 构 函数 无 参数 ,因此 , 析 构 函数 不 能 重 载 。 

6) 对 象 类 (object 类 ) 

C# 中 的 所 有 类 型 (包括 数值 类 型 ) 都 直接 或 间接 地 以 object 类 为 基 类 。 对 象 类 
(object 类) 是 所 有 其 他 类 的 基 类 。 任 何 一 个 类 定义 ,如 果 不 指定 基 类 ,默认 object 为 基 
类 。C# 语 言 规定 , 基 类 的 引用 变量 可 以 引用 派生 类 的 对 象 ,因此 ,对 一 个 object 的 变量 
可 以 赋予 任何 类 型 的 值 ,例如 : 

int x = 25; 

object objl1; 

objl = x; 

object obj2= 'A'; 


object 关键 字 是 在 命名 空间 System 中 定义 的 ,是 类 System. Object 的 别名 。 
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派生 类 的 引用 变量 不 可 以 引用 基 类 的 对 象 。 

7) 字符 串 类 (string 类 ) 

C# 还 定义 了 一 个 基本 的 类 string ,专门 用 于 对 字符 串 的 操作 。 这 个 类 也 是 在 名 字 空 
间 System 中 定义 的 ,是 类 System. String 的 别名 。 利 用 String 类 可 以 进行 字符 串 的 创 
建 , 截 取 、 痊 换 及 合并 等 操作 ,也 可 以 用 “十 ”方便 地 进行 字符 串 的 合并 。 


争 【小 提示 】 


大 写 String 与 小 写 string 是 完全 相同 的 ,大 写 是 指 . NET 类 库 中 的 String 类 型 ,小 
写 是 C# 关 键 字 , 也 是 对 应 到 String 这 个 类 型 上 去 的 ,如 在 C# 中 int 和 Int32 也 是 这 样 
对 应 的 。 

2. 数组 类 

数组 (array) 是 一 种 包含 若干 变量 的 数据 结构 ,这 些 变 量 都 可 以 通过 计算 索引 进行 访 
问 。 数 组 中 包含 的 变量 (元 素 (element)) 具 有 相同 的 类 型 ,该 类 型 称 为 数组 的 元 素 类 型 
(element type) 。 

数组 类 型 为 引用 类 型 ,因此 数组 变量 的 声明 只 是 为 数组 实例 的 引用 留 出 空间 。 在 运 
行 时 使 用 new 运算 符 动态 创建 ( 须 指定 长 度 ) ,长 度 在 该 实例 的 生存 期 内 是 固定 不 变 的 。 
数组 元 素 的 索引 范围 从 0 到 Length 一 1。new 运算 符 自动 将 数组 的 元 素 初始 化 为 它们 的 
默认 值 ,如 将 所 有 数值 类 型 初始 化 为 零 、 将 所 有 引用 类 型 初始 化 为 null。 

在 进行 批量 处 理 数据 时 ,要 用 到 数组 。 数 组 按照 数组 名 、 数 据 元 素 的 类 型 和 维 数 
来 进行 描述 。C# 语言 中 数组 是 类 System. Array 对 象 。 例 如 ,声明 一 个 整 型 数 数组 : 
int[] arr 一 new int[5]; 实际 上 生成 了 一 个 数组 类 对 象 ,arr 是 这 个 对 象 的 引用 
(地 址 ) 。 

在 C# 中 数组 可 以 是 一 维 的 也 可 以 是 多 维 的 ,同样 也 支持 数组 的 数组 , 即 数组 的 元 素 
还 是 数组 。 一 维 数组 最 为 普遍 ,用 得 也 最 多 。 数 组 下 标 一 般 是 从 0 开始 ,也 提供 了 其 他 方 
式 支 持 非 从 0 下 标 开始 的 数组 。 

1) 数组 定义 


8 【基本 语法 】 


类 型 [] 数 组 名 ; 


在 声明 数组 时 ,应 先 定义 数组 中 元 素 的 类 型 ,其 后 是 一 个 空 方 括号 和 一 个 变量 名 。 例 
如 ,下 面 声明 了 一 个 包含 整 型 元 素 的 数组 : 

int[ ] myArray; 

2) 数组 初始 化 


声明 了 数组 后 ,就 必须 为 数组 分 配 内 存 , 以 保存 数组 的 所 有 元 素 。 数 组 是 引用 类 型 ， 
所 以 必须 给 它 分 配 堆 上 的 内 存 。 为 此 ,应 使 用 new 运算 符 , 指 定数 组 中 元 素 的 类 型 和 数 
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量 来 初始 化 数组 的 变量 。 例 如 ,为 前 面 定 义 的 myArray 整 型 数组 进行 初始 化 : 


myArray =new int[n]; 


§ 【小 提示 】 


可 以 直接 用 new 运算 符 建立 一 个 包含 nn 个 整 型 元 素 的 一 维 数 组 : 
int[ JmyArray = new int[n]; 


在 指定 了 数组 的 大 小 后 ,如 果 不 复 制 数组 中 的 所 有 元 素 , 就 不 能 重新 设置 数组 的 
大 小 。 

使 用 C# 编 译 器 还 有 一 种 更 简化 的 形式 。 使 用 花 括号 可 以 同时 声明 和 初始 化 数组 ， 
编译 器 生成 的 代码 与 前 面相 同 ,例如 : 


int[] myArray = {4, 7, 11, 2}; 

3) 访问 数组 元 素 

数组 在 声明 和 初始 化 后 ,就 可 以 使 用 索引 器 访问 其 中 的 元 素 了 。 数 组 只 支持 有 整 型 
参数 的 索引 器 。 


尼 【基本 语法 】 


array[ 索 引 ]; 


通过 索引 器 传送 元 素 号 ,就 可 以 访问 数组 。 索 引 器 总 是 以 0 开头 ,表示 第 一 个 元 素 。 
可 以 传送 给 索引 器 的 最 大 值 是 元 素 个 数 减 1 。 


§ 【小 提示 】 


如 果 使 用 错误 的 索引 器 值 (不 存在 对 应 的 元 素 ), 就 会 显示 IndexOutOfRangeException 
类 型 异常 的 提示 信息 。 

【 例 2-8】 一 个 一 维 数组 的 例子 。 

using System; 

class Test 


{static void Main() 


{ 


int[] arr = new int[3]; // 用 new 运算 符 建立 一 个 3 个 元 素 的 一 维 数组 
for(int i=0;i<arr.Length;it+) /Varr.Length 是 数组 类 变量 ,表示 数组 元 素 个 数 
arr[i] = ixi; // 数 组 元 素 赋 初 值 ,arr[i] 表 示 第 i 个 元 素 的 值 


for (int i=0;i<arr.Length;i++) // 数 组 第 一 个 元 素 的 下 标 为 0 
Console. WriteLine("arr[{0}] = {1}", i,arr[i]); 


} 

这 个 程序 创建 了 一 个 int 类 型 3 个 元 素 的 一 维 数组 ,初始 化 后 逐 项 输出 。 其 中 
arr. Length 表示 数组 元 素 的 个 数 。 注 意 数组 定义 不 能 写 为 C 语言 格式 : int arr[] 。 

程序 的 输出 为 : 
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arr[0] 
arr[1] 
arr[2] 


4) 多 维 数组 
【 例 2-9】 基础 介绍 多 维 数组 。 


string[ ] al; // 一 维 string 数组 类 引用 变量 al 
string[, ] a2; // 二 维 string 数组 类 引用 变量 a2 
a2 = new string[2,3]; 

a2[1,2] = "abc"; 

string[,, ] a3; // 三 维 string 数组 类 引用 变量 a3 
string[ ][] j2; // 数 组 的 数组 , 即 数组 的 元 素 还 是 数组 
string[][][][] j3; 


在 数组 声明 时 ,可 以 对 数组 元 素 进行 赋值 。 看 下 面 的 例子 : 


0 
4 


[i 


int[] al = new int[ ]{1,2,3}; // 一 维 数组 ,有 3 个 元 素 

int[] a2 = new int[3]{1,2,3}; // 此 格式 也 正确 

int[] a3= {1,2,3}; // 相 当 于 int[] a3 = new int[ ]{1,2,3}; 

int[,] a4 = new int[,]{{1,2,3}, {4,5,6}}; // 二 维 数组 ,a4[1,1] =5 

int[][] j2 = new int[3][]; // 定 义 数 组 j2, 有 3 个 元 素 ,每 个 元 素 都 是 一 个 数组 
j2[0] = new int[]{1,2,3}; // 定 义 第 一 个 元 素 ,是 一 个 数组 

j2[1] = new int[]{1, 2, 3, 4, 5, 6}; // 每 个 元 素 的 数组 可 以 不 等 长 

j2[2] = new int[]{1, 2, 3, 4, 5, 6, 7, 8, 9}; 

3. 委托 


委托 (delegate) 是 C# 中 的 一 种 类 型 , 它 实 际 上 是 一 个 能 够 持 有 对 某 个 方法 的 引用 的 
类 。 与 其 他 的 类 不 同 ,delegate 类 能 够 拥有 一 个 签名 (signature) ,并 且 它 只 能 持 有 与 它 的 
签名 相 匹配 的 方法 的 引用 。 委 托 类 型 (delegate type) 表 示 对 具有 特定 参数 列表 和 返回 类 
型 的 方法 的 引用 。 通 过 委托 能 够 将 方法 作为 实体 赋值 给 变量 和 作为 参数 传递 。 

委托 类 似 于 在 其 他 某 些 语言 中 的 函数 指针 的 概念 ,但 是 与 函数 指针 不 同 , 委 托 是 面向 
对 象 的 ,并 且 是 类 型 安全 的 。 

委托 声明 定义 一 个 从 System. Delegate 类 派生 的 类 。 委 托 实例 封装 了 一 个 调用 列 
表 , 该 列表 列 出 了 一 个 或 多 个 方法 ,每 个 方法 称 为 一 个 可 调用 实体 。 对 于 实例 方法 ,可 调 
用 实体 由 该 方法 和 一 个 相关 联 的 实例 组 成 。 对 于 静态 方法 ,可 调用 实体 仅 由 一 个 方法 组 
成 。 用 一 个 适当 的 参数 集 来 调用 一 个 委托 实例 ,就 是 用 此 给 定 的 参数 集 来 调用 该 委托 实 
例 的 每 个 可 调用 实体 。 

1) 实现 委托 


恨 [基本 语法 ] 
delegate void MyDelegate( 变 量 ); 


实现 一 个 delegate 是 很 简单 的 ,通过 以 下 3 个 步骤 即 可 实现 一 个 delegate。 
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(1) 声明 一 个 delegate 对 象 , 它 应 当 与 你 想 要 传递 的 方法 具有 相同 的 参数 和 返回 值 
类 型 。 

(2) 创建 delegate 对 象 , 并 将 你 想 要 传递 的 函数 作为 参数 传人 。 

(3) 在 要 实现 异步 调用 的 地 方 ,通过 上 一 步 创建 的 对 象 来 调用 方法 。 

与 其 他 类 型 相 比较 ,委托 将 方法 作为 参数 传递 。 通 常 传递 的 是 变量 (字段 ) ,委托 则 是 
传递 方法 。 可 以 进行 多 路 广播 ,可 以 同时 维持 多 个 方法 的 引用 。 回 调 方法 时 ,底层 代码 定 
义 方法 签名 的 类 型 (委托 ) ,定义 委托 成 员 ; 上 层 代 码 创 建 方法 ,创建 委托 实例 ,让 需要 调 
用 的 方法 传 给 底层 ; 底层 通过 调用 委托 ,调用 上 层 方法 。 需 要 注意 的 是 ,即使 函数 签名 相 
同 , 即 便 同 时 定义 DelegateA da; DelegateB db; 也 不 能 执行 da 一 db; 而 且 委 托 类 型 都 是 
密封 的 (sealed) ,不 能 继承 。 

【 例 2-10】 

using System; 

public class MyDelegateTest 

| // 步骤 1, 声 明 delegate 对 象 

public delegate void MYDelegate(string name) ; 

// 这 是 和 欲 传递 的 方法 , 它 与 MyDelegate 具有 相同 的 参数 和 返回 值 类 型 
public static void MYDelegateFunc(string name) 

Console. WriteLine("Hello, {0}", name); 

| public static void Main() 


{ // 步骤 2, 创建 delegate 对 象 
MyDelegate md = new MyDelegate(MyDelegateTest.MyDelegateFunc); 
// 步骤 3, 调 用 delegate 
md("sam1111"); 
4 


输出 结果 是 : Hello, saml111 

2) 重要 成 员 

委托 包含 Target、Method、Invoke、BeginInvoke、EndInvoke 等 重要 成 员 。 

(1) Target: object 类 型 的 属性 ,指向 回调 函数 所 属 的 对 象 实例 (对 于 实例 方法 而 
。 引 用 的 方法 是 静态 方法 时 ,Target 为 null。 

(2) Method: System. Reflection. MethodInfo 类 型 的 属性 ,指向 回调 函数 。 

(3) Invoke: 函数 ,同步 执行 委托 。 

(4) BeginInvoke: 开始 异步 执行 委托 。 

(5) EndInvoke: 完成 异步 执行 。 

3) 运算 操作 


2 【基本 语法 】 


3 


myDelegate + = new MyDelegate(AddNumber.add2); 
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< [语法 说 明 】 


(1) 将 一 个 委托 A 与 男 一 个 委托 B 连接 ,将 连接 后 的 新 委托 再 赋 给 原委 托 A。 
(2) 实质 是 使 用 的 System. Delegate 的 静态 方法 Combine: 


myDelegate = (MYDelegate)Delegate. Combine(myDelegate new MyDelegate( AddNumber. add2)); 
恨 [ 基 本 语法 ] 

myDelegate -= new MyDelegate(AddNumber. add2); 
< [语法 说 明 】 


(1) 一 个 委托 A 的 调用 列表 中 移 除 另 一 个 委托 B 的 最 后 一 个 调用 列表 ,将 移 除 后 的 
新 委托 再 赋 给 原委 托 A。 
(2) 实质 是 使 用 的 System. Delegate 的 静态 方法 Remove: 


myDelegate = (MyDelegate)Delegate. Remove(myDelegate, new MyDelegate(AddNumber. add2)); 


4. 接口 

接口 (interface) 是 用 来 定义 一 种 程序 的 协定 。 实 现 接口 的 类 或 者 结构 要 与 接口 的 定 
义 严 格 一 致 。C# 定 义 接口 ,里 面包 含 方法 ,但 没有 方法 具体 实现 的 代码 ,然后 在 继承 该 
接口 的 类 里 面 要 实现 接口 的 所 有 方法 的 代码 。 接 口 其 实 就 是 类 和 类 之 间 的 一 种 协定 一 
种 约束 。 

使 用 interface 来 定义 接口 ,下面 示例 定义 了 一 个 接口 。 


public interface IBark 


{ 
void Bark( ); 
} 


再 定义 一 个 类 ,继承 于 IBark, 并 且 必 须 实现 其 中 的 Bark() 方 法 。 


public class Cat: IBark { 
public Cat() {} 
public void Bark() 
{ 
Consol. write(" 噶 噶 ") 7 
} 
} 


然后 ,声明 Cat 的 一 个 实例 ,并 调用 Bark() 方 法 。 


Cat 招 财 = new Cat(); 
招 财 . Bark(); 


试想 一 下 , 若 想 调 用 Bark() 方 法 ,只 需要 在 Dog() 中 声明 这 样 的 一 个 方法 不 就 行 了 
吗 ,为 什么 还 要 用 接口 呢 ? 其 实 原因 很 简单 ,因为 接口 中 并 没有 Bark() 具 体 实现 , 真 的 实 
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现 还 是 要 在 Cat() 中 。 所 有 继承 了 IBark 接口 的 类 中 必须 实现 Bark() 方 法 。 那 么 从 用 户 
(使 用 类 的 用 户 ) 的 角度 来 说 ,如 果 他 知道 了 某 个 类 是 继承 于 IBark 接口 ,那么 他 就 可 以 放 
心 大 胆 地 调用 Bark() 方 法 ,而 不 用 管 Bark() 方 法 具体 是 如 何 实现 的 。 


2.3.6 类 型 转换 


在 编写 C# 语 言 程序 中 ,经 常会 碰 到 类 型 转换 问题 。 例 如 , 整 型 数 和 浮 点 数 相 加 ,C# 
会 进行 隐 式 转换 。 作 为 程序 员 应 记 住 类 型 转换 的 一 些 基 本 原则 ,编译 器 在 转换 发 生 问题 
时 ,会 给 出 提示 。C# 语言 中 类 型 转换 分 为 隐 式 转换 . 显 式 转换 .加 框 (boxing) 和 消 框 
(unboxing)3 种 。 

1. 隐 式 转换 

隐 式 转换 就 是 系统 默认 的 ,不 需要 加 以 声明 就 可 以 进行 的 转换 ,如 从 int 类 型 转换 到 
long 类 型 就 是 一 种 隐 式 转换 。 在 隐 式 转换 过 程 中 ,转换 一 般 不 会 失败 ,转换 过 程 中 也 不 
会 导致 信息 丢失 。 例 如 : 

int i=10; 

long 1= i; 


2. 显 式 转换 
显 式 类 型 转换 ,又 叫 强制 类 型 转换 。 与 隐 式 转换 正好 相反 , 显 式 转换 需要 明确 地 指定 
转换 类 型 , 显 式 转换 可 能 导致 信息 丢失 。 下 面 的 例子 把 长 整 型 变量 显 式 转换 为 整 型 。 


long 1= 5000; 
int i= (int)1; // 如 果 超 过 int 取 值 范 围 ,将 产生 异常 


3. 加 框 和 消 框 

加 框 (boxing) 和 消 框 (unboxing) 是 C# 语 言 类 型 系统 提出 的 核心 概念 ,加 框 是 值 类 
型 转换 为 object( 对 象 ) 类 型 , 消 框 是 object( 对 象 ) 类 型 转换 为 值 类 型 。 有 了 加 框 和 消 框 的 
概念 ,对 任何 类 型 的 变量 来 说 最 终 都 可 以 看 作 是 object 类 型 。 

1) 加 框 操作 

把 一 个 值 类 型 变量 加 框 也 就 是 创建 一 个 object 对 象 ,并 将 这 个 值 类 型 变量 的 值 赋值 
给 这 个 object 对 象 。 例 如 : 

int i=10; 

object obj = i; // 隐 式 加 框 操作 , obj 为 创建 的 object 对 象 的 

引用 


也 可 以 用 显 式 的 方法 来 进行 加 框 操作 ,例如 : 

int i =10; 

object obj = object (i); // 显 式 加 框 操作 

值 类 型 的 值 加 框 后 , 值 类 型 变量 的 值 不 变 , 仅 将 这 个 值 类 型 变量 的 值 赋 值 给 这 个 
object 对 象 。 看 下 面 的 程序 。 
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using System 
class Test 
{ public static void Main() 
{ intn=200; 
object o=n; 
0=201; // 不 能 改变 n 
Console. WriteLine("{0}, {1}",n,o); 
} 
+. 


输出 结果 为 : 200,201。 这 就 证 明了 值 类 型 变量 n 和 object 类 对 象 o 都 是 独立 存 
在 的 。 

2) 消 框 操作 

和 加 框 操作 正好 相反 , 消 框 操作 是 指 将 一 个 对 象 类 型 显 式 地 转换 成 一 个 值 类 型 。 消 
框 的 过 程 分 为 两 步 : 首先 检查 这 个 object 对 象 ,看 它 是 否 为 给 定 的 值 类 型 的 加 框 值 ,如 
是 , 则 把 这 个 对 象 的 值 复制 给 值 类 型 的 变量 。 举 个 例子 来 看 看 一 个 对 象 消 框 的 过 程 。 

int i= 10; 

object obj = i; 

int j= (int)obj; // 消 框 操作 

可 以 看 出 消 框 过 程 正好 是 加 框 过 程 的 逆 过 程 ,要 注意 加 框 操作 和 消 框 操作 必须 遵循 
类 型 兼容 的 原则 。 

3) 加 框 和 消 框 的 使 用 


定义 以 下 函数 。 
void Display(Object o) // 注 意 ,o 为 Object 类 型 
{ intx= (int)o; // 消 框 


System. Console. WriteLine("{0}, {1}", x,o0); 
} 


调用 此 函数 : 
int y= 20;Display(y); 


在 此 利用 了 加 框 概念 , 虚 参 被 实 参 蔡 换 : Object o 一 y, 也 就 是 说 ,函数 的 参数 是 
Object 类 型 ,可 以 将 任意 类 型 实 参 传递 给 函数 。 


2.4 C+# 运 算 符 


2.4.1 运算 符 分 类 


运算 符 (operator) 是 一 种 类 成 员 , 它 定义 了 可 应 用 于 类 实例 的 特定 表达 式 运 算 符 的 
含义 。 如 果 按 照 运 算 符 所 作用 的 操作 数 个 数 来 分 ,C# 语 言 的 运算 符 可 以 分 为 以 下 几 种 
类 型 。 

(1) 一 元 运算 符 : 一 元 运算 符 作 用 于 一 个 操作 数 , 如 一 XX、 十 十 X、X 一 一 等 。 

(2) 二 元 运算 符 : 二 元 运算 符 对 两 个 操作 数 进行 运算 ,如 x 十 y。 
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(3) 三 元 运算 符 : 三 元 运算 符 只 有 一 个 : x?y:z。 
C# 语 言 运 算 符 的 详细 分 类 及 操作 符 从 高 到 低 的 优先 级 顺序 见 表 2-3。 


表 2-3 C# 运 算 符 

类 别 操 作 符 
初级 运算 符 (x) .x.y,f(x) \.a[Lx]、x 十 十 、x 一 一 .new type of sizeof checked unchecked 
一 元 运算 符 十 YE 
乘除 运算 符 * \/.% 
加 减 运 算 符 有 
移 位 运算 符 过 二 地 
关系 运算 符 <~>.<=.>= ,isas 
等 式 运算 符 et 
逻辑 与 运算 符 & 
逻辑 异 或 运算 符 四 
逻辑 或 运算 符 | 
条 件 与 运算 符 && 
条 件 或 运算 符 I 
条 件 运 算 符 ?: 
赋值 运算 符 = l= 


2.4.2 测试 运算 符 is 

is 运算 符 用 于 动态 地 检查 表达 式 是 否 为 指定 类 型 。 
旺 【基本 语法 】 

e isT; 
< [语法 说 明 】 


e 是 一 个 表达 式 , 工 是 一 个 类 型 ,该 式 判断 e 是 否 为 工 类 型 ,返回 值 是 一 个 布尔 值 。 
【 例 2-11】 请 参看 资源 包 中 的 示例 文件 : 2-10. cs。 


2.4.3 typeof 运算 符 

typeof 操作 符 用 于 获得 指定 类 型 在 system 名 字 空 间 中 定义 的 类 型 名 字 。 
慨 [二 本 语 法 ] 

typeof (T); 
< 【语法 说 明 】 

工 是 一 个 类 型 ,返回 值 是 指定 类 型 在 system 名 字 空 间 中 定义 的 类 型 名 字 。 
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【 例 2-12】 请 参看 资源 包 中 的 示例 文件 : 2-11. cs。 
2.4.4 溢出 检查 运算 符 checked 和 unchecked 


在 进行 整 型 算术 运算 (如 十 一 、* 、/ 等 ) 或 从 一 种 整 型 显 式 转换 到 另 一 种 整 型 时 ,有 
可 能 出 现 运 算 结果 超出 这 个 结果 所 属 类 型 值 域 的 情况 ,这 种 情况 称 为 溢出 。 整 型 算术 运 
算 表 达 式 可 以 用 checked 或 unchecked 溢出 检查 操作 符 , 决 定 在 编译 和 运行 时 是 否 对 表 
达 式 溢出 进行 检查 。 

如 果 表 达 式 不 使 用 溢出 检查 操作 符 或 使 用 了 checked 操作 符 ,常量 表达 式 溢出 ,在 编 
译 时 将 产生 错误 ,表达 式 中 包含 变量 ,程序 运行 时 执行 该 表达 式 产生 溢出 ,将 产生 异常 提 
示 信 息 。 而 使 用 了 unchecked 操作 符 的 表达 式 语句 ,即使 表达 式 产生 溢出 ,编译 和 运行 时 
也 不 会 产生 错误 提示 。 但 这 往往 会 出 现 一 些 不 可 预期 的 结果 ,所 以 要 小 心 使 用 
unchecked 运算 符 。 

下 面 用 例 2-13 来 说 明 checked 和 unchecked 运算 符 的 使 用 方法 。 

【 例 2-13】 

using System; 

class Classl 


{ static void Main(string[] args) 
{ const int x= int.MaxValue; 


unchecked // 不 检查 溢出 

{ intz=xx*2; // 编 译 时 不 产生 编译 错误 ,z= -2 
Console. WriteLine("z = {0}", 2z); // 显 示 --2 

} 

checked // 检 查 溢出 

{ intzl=(xx2); // 编 译 时 会 产生 编译 错误 


Console. WriteLine("z = {0}",2z1); 
} 
} 
} 


2.4.5 new 运算 符 


new 运算 符 可 以 创建 值 类 型 变量 .引用 类 型 对 象 ,同时 自动 调用 构造 函数 。 举 例 
如 下 。 

(1) 用 new 创建 整 型 变量 x, 调 用 默认 构造 孙 数 : int x 一 new int() ;。 

(2) 用 new 建立 person 类 对 象 : PersonC1 王 new Person ();//Person 变量 是 Cl 对 
象 的 引用 。 

(3) 数组 也 是 类 ,创建 数组 类 对 象 : int[] arr 一 new int[2];//arr 是 数组 对 象 的 引用 。 


§ 【小 提示 】 


需要 注意 的 是 ,int x 一 new int() 语 句 将 自动 调用 int 结构 不 带 参 数 的 构造 函数 ,给 x 
赋 初 值 0,x 仍 是 值 类 型 变量 ,不 会 变 为 引用 类 型 变量 。 
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2.5 C# 控 制 语句 


C# 语 言 控 制 语 句 主 要 分 为 选择 语句 \、 循 环 语句 及 异常 处 理 语句 。 包 括 让 语句 、 
switch 语句 、while 语句 、do...while 语句 ,for 语句 ,foreach 语句 、break 语句 、continue 语 
名 return 语句 ,异常 处 理 语句 等 ,其 中 foreach 语句 和 异常 处 理 语句 是 C# 语 言 新 增加 的 
控制 语句 。 

2.5.1 选择 语句 

当 运 用 选择 语句 时 , 即 定义 了 一 个 控制 语句 , 它 的 值 控制 了 哪个 语句 被 执行 。 在 C# 
中 用 到 两 个 选择 语句 , 即 和 语句 和 switch 语句 。 

1. 证 语句 

最 常用 到 的 语句 是 ff 语句 。 该 语句 是 否 被 执行 取决 于 布尔 表达 式 。 

蝶 [基本 语法 ] 


IE (布尔 条 件 ) {语句 .…} 
当然 ,也 可 以 有 else 分 支 , 当 布尔 表达 式 的 值 为 假 时 ,该 分 支 就 被 执行 ; 


尼 【基本 语法 】 


If (布尔 表 条 件 ) {语句 1...} 
Else {语句 2...} 
或 者 


If (布尔 条 件 1) {语句 1...} 
Else if (布尔 条 件 2) {语句 2.….} 


§ 【小 提示 】 


在 C# 中 这 语句 仅 允许 布尔 (bool) 数 据 类 型 的 结果 。 

【 例 2-14】 请 参看 资源 包 中 的 示例 文件 : 2-14. cs。 

2. switch 语句 

和 站 语句 相 比 ,switch 语句 有 一 个 控制 表达 式 , 而 且 语 句 按 它们 所 关联 的 控制 表达 
式 的 常量 运行 。switch case 是 多 分 支 选择 语句 ,用 来 实现 多 分 支 选 择 结构 。 适 合 于 从 一 
组 互 斥 的 分 支 中 选择 一 个 来 执行 。 类 似 于 让 语句 ,但 switch 语句 可 以 一 次 将 变量 与 多 个 
值 进 行 比 较 , 而 不 是 仅 比 较 一 个 。switch 参数 后 面 跟 一 组 case 子 句 ,如 果 switch 参数 中 
的 值 与 某 一 个 case 后 面 的 判断 式 相 等 ,就 执行 case 子 句 中 的 代码 。 

执行 完 后 用 break 语句 标记 每 个 case 代码 的 结尾 ,跳出 switch 语句 ; 也 可 在 switch 
语句 中 包含 一 个 default 语句 , 当 所 有 case 中 的 常量 表达 式 的 值 都 没有 与 switch 中 表达 
式 的 值 相 等 ,就 执行 default 子 句 中 的 代码 。default 子 句 可 有 可 无 ,一 个 switch 语句 中 有 
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且 仅 有 一 个 default 分 支 。case 后 的 值 必须 是 常量 表达 式 ,不 允许 使 用 变量 。case 子 句 的 
排放 顺序 无 关 紧 要 ; default 子 句 也 可 放 到 最 前 ;任何 两 个 case 的 值 不 能 相同 。 


恨 [基本 语法 
switch( 控 制 表 达 式 ) 


case 常量 表达 式 1: 语句 1 
case 常量 表达 式 2: 语句 2 
edi 语句 nn 
} 
< [语法 说 明 】 


(1) 控制 表达 式 求 值 。 
(2) 如 果 case 标签 后 的 常量 表达 式 符合 控制 语句 所 求 出 的 值 ,内 含 语句 被 执行 。 
(3) 如 果 没 有 常量 表达 式 符合 控制 语句 ,在 default 标签 内 的 内 含 语句 被 执行 。 


(4) 如 果 没 有 一 个 符合 case 标签 ,上 且 没有 default 标签 ,控制 转向 switch 语 段 的 结 
东 端 。 


【 例 2-15】 请 参看 资源 包 中 的 示例 文件 : 2-15. cs。 
另外 ,在 switch 语句 中 可 以 使 用 goto 标签 和 gotodefault 语句 来 实现 程序 的 跳 转 。 


2.5.2 循环 语句 

当 想 重复 执行 某 些 语句 或 语句 段 时 ,依据 当前 不 同 的 任务 ,C# 提供 了 4 个 不 同 的 循 
环 语句 以 供 使 用 ,如 for 语句 foreach 语句 .while 语句 和 do while 语句 。 

1. for 语句 

for 语句 用 来 依据 特定 条 件 来 多 次 重复 执行 某 些 代码 。 
展 [基本 语法 ] 


for( 初 始 化 ; 条 件 表达 式 ; 结束 一 次 循环 的 后 续 操 作 ) 
循环 语句 

} 

// 后 续 代 码 


< [语法 说 明 】 


控制 表达 式 求 值 初始 化 ,条件 和 循环 都 是 可 选 的 。 


如 果 忽 略 了 条 件 ,就 会 产生 一 个 死 循环 ,要 用 到 跳 转 语句 (break 或 goto) 才 能 退出 。 
例如 : 


for(;;) { 
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break; // 由 于 某 些 原因 
} 


2. foreach 语句 


foreach 语句 是 C# 语言 新 引入 的 语句 ,C 和 C++ 中 没有 这 个 语句 , 它 借用 Visual 


Basic 中 的 foreach 语句 。foreach 语句 用 于 枚 举 一 个 集合 的 元 素 。 与 for 语句 相 比 有 更 
简洁 的 语法 。 


吴 【基本 语法 】 


foreach (变量 类 型 变量 名 in 表达 式 ) 
{ 
循环 语句 
} 
// 后 续 代 码 


< [语法 说 明 】 


表达 式 必 须 是 一 个 数组 或 其 他 集合 类 型 ,每 一 次 循环 从 数组 或 其 他 集合 中 逐一 取出 
数据 ,赋值 给 指定 类 型 的 变量 ,该 变量 可 以 在 循环 语句 中 使 用 .处 理 , 但 不 允许 修改 变量 ， 
该 变量 的 指定 类 型 必须 和 表达 式 所 代表 的 数组 或 其 他 集合 中 的 数据 类 型 一 致 
using System; 
class Test() 
{ public static void Main() 
{ int[] list= {10,20,30,40}; // 数 组 
foreach( int m in list) 
Console. WriteLine("{0}", m); 
} 
} 


对 于 一 维 数组 ,foreach 语句 循环 顺序 是 从 下 标 为 0 的 元 素 开始 一 直到 数组 的 最 后 一 
个 元 素 。 对 于 多 维 数组 ,元 素 下 标的 递增 是 从 最 右边 那 一 维 开始 的 。 同 样 break 和 
continue 可 以 出 现在 foreach 语句 中 ,功能 不 变 。 


3. while 语句 
旺 【基本 语法 】 


while( 条 件 ) // 这 个 条 件 为 布尔 表达 式 


{ 
循环 体 语句 ; 


< [语法 说 明 】 


条 件 语句 是 一 个 布尔 表达 式 ,控制 循环 体 语句 被 执行 的 次 数 。 可 以 使 用 break 和 
continue 语句 来 控制 while 语句 中 的 执行 语句 。 它 的 运行 方式 同 在 for 语句 中 的 完全 相同 。 
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【 例 2-16】 请 参看 资源 包 中 的 示例 文件 : 2-16. cs。 
4. do while 语句 


旺 【基本 语法 


do 
{ 

// 循 环 体 语句 ; 
}while( 测 试 条 件 ); 


< [语法 说 明 】 


先 执行 循环 体 语 句 , 然 后 测试 while 中 的 条 件 , 如 果 测 试 条 件 为 true, 就 再 次 执行 循 
环 体 语句 ,直到 测试 结果 为 false 时 就 退出 循环 。 
【 例 2-17】 请 参看 资源 包 中 的 示例 文件 : 2-17. cs。 


§ 【小 提示 】 


break 语句 退出 直接 封闭 它 的 switch、while、do while 或 for 语句 。 当 多 个 switch、 
while、do while 或 for 语句 彼此 嵌 套 时 ,break 语句 只 应 用 于 最 里 层 的 语句 。 直 接 跳出 当 
前 循环 。 

continue 语句 开始 直接 封闭 它 的 while、do while 或 for 语句 的 一 次 新 迭代 。 进 入 下 
一 次 循环 。 当 多 个 while .do while 或 for 语句 互相 岩 套 时 ,continue 语句 只 应 用 于 最 里 层 
的 语句 。 

return 语句 将 控制 返回 到 出 现 return 语句 的 函数 成 员 的 调用 方 , 结 束 当前 方法 , 跳 
转 回 到 调用 位 置 。 不 带 表 达 式 的 return 语句 只 能 用 在 不 计算 值 的 函数 成 员 中 , 即 只 能 用 
在 返回 类 型 为 void 的 方法 、 属 性 或 索引 器 的 set 访问 器 .事件 的 add 和 remove 访问 器 、 实 
例 构造 函数 静态 构造 函数 或 析 构 函数 中 。 

带 表 达 式 的 return 语句 只 能 用 在 计算 值 的 函数 成 员 中 , 即 返回 类 型 为 非 void 的 方 
法 、 属 性 或 索引 器 的 get 访问 器 或 用 户 定义 的 运算 符 。 必 须 存在 一 个 隐 式 转换 ,使 得 该 表 
达 式 兼容 于 包含 它 的 函数 的 返回 类 型 。 


2.5.3 异常 语句 


在 编写 程序 时 ,不 仅 要 关心 程序 的 正常 操作 ,还 应 该 考虑 到 程序 运行 时 可 能 发 生 的 各 
类 不 可 预期 的 事件 ,如 用 户 输入 错误 ,内存 不 够 .磁盘 出 错 、 网 络 资源 不 可 用 、 数 据 库 无 法 
使 用 等 ,所 有 这 些 错误 被 称 为 异常 ,不 能 因为 这 些 异 常 使 程序 运行 产生 问题 。 各 种 程序 设 
计 语 言 经 常 采用 异常 处 理 语句 来 解决 这 类 异常 问题 。 

C# 提 供 了 一 种 处 理 系 统 级 错误 和 应 用 程序 级 错误 的 结构 化 的 ,统一 的 、 类 型 安全 的 
方法 。C# 异 常 语句 包含 try 子 句 、catch 子 句 和 finally 子 句 。try 子 句 中 包含 可 能 产生 异 
常 的 语句 ,该 子 句 自动 捕 提 执行 这 些 语句 过 程 中 发 生 的 异常 。catch 子 句 中 包含 了 对 不 同 异 
常 的 处 理 代码 ,可 以 包含 多 个 catch 子 句 ,每 个 catch 子 句 中 包含 了 一 个 异常 类 型 ,这 个 异常 
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类 型 必须 是 System. Exception 类 或 它 的 派生 类 引用 变量 ,该 语句 只 捕捉 该 类 型 的 异常 。 

可 以 有 一 个 通用 异常 类 型 的 catch 子 句 ,该 catch 子 句 一 般 在 事先 不 能 确定 会 发 生 什 
么 样 的 异常 的 情况 下 使 用 ,也 就 是 可 以 捕捉 任意 类 型 的 异常 。 一 个 异常 语句 中 只 能 有 一 
个 通用 异常 类 型 的 catch 子 句 ,而 且 如 果 有 的 话 , 该 catch 子 句 必须 排 在 其 他 catch 子 句 的 
后 面 。 无 论 是 否 产 生 异 常 , 子 句 finally 一 定 被 执行 ,在 finally 子 句 中 可 以 增加 一 些 必须 
执行 的 语句 。 

异常 语句 捕捉 和 处 理 异常 的 机 理 是 : 当 try 子 句 中 的 代码 产生 异常 时 ,按照 catch 子 
句 的 顺序 查找 异常 类 型 。 如 果 找 到 , 则 执行 该 catch 子 句 中 的 异常 处 理 语句 。 如 果 没 有 
找到 , 则 执行 通用 异常 类 型 的 catch 子 句 中 的 异常 处 理 语句 。 由 于 异常 的 处 理 是 按照 
catch 子 句 出 现 的 顺序 逐一 检查 catch 子 句 ,因此 catch 子 句 出 现 的 顺序 是 很 重要 的 。 无 
论 是 否 产生 异常 ,一 定 执行 finally 子 句 中 的 语句 。 异 常 语句 中 不 必 一 定 包 含 所 有 3 个 子 
句 , 因 此 异常 语句 可 以 有 以 下 3 种 可 能 的 形式 。 

(1) try-catch 语句 ,可 以 有 多 个 catch 语句 。 

(2) try-finally 语句 。 

(3) try-catch-finally 语句 ,可 以 有 多 个 catch 语句 。 
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本 章 主 要 介绍 了 C# 的 应 用 方法 ,对 . NET 开发 环境 、 面 向 对 象 技 术 、C# 数 据 类 型 、 
C# 运 算 符 以 及 C# 控 制 语句 进行 了 详细 的 介绍 。 

Visual Studio 是 一 个 由 基于 组 件 的 软件 开发 工具 ,内 置 了 多 种 提高 工作 效率 的 功 
能 ,Microsoft. NET( 以 下 简称 . NET) 框 架 是 微软 提出 的 新 一 代 Web 软件 开发 模型 ， 
. NET 已 包含 非常 大 的 代码 库 , 可 以 在 通过 面向 对 象 语言 ,如 C# 等 编程 技术 中 来 使 用 这 
些 代码 ,这 样 可 以 极 大 提高 程序 设计 人 员 的 工作 效率 。 

面向 对 象 程序 设计 (OOP) 是 一 种 程序 设计 范 型 ,同时 也 是 一 种 程序 开发 的 方法 。 已 
经 被 证 实 的 是 ,面向 对 象 程序 设计 推广 了 程序 的 灵活 性 和 可 维护 性 ,并 且 在 大 型 项 目 设计 
中 广 为 应 用 。 此 外 ,支持 者 声称 面向 对 象 程序 设计 要 比 以 往 的 做 法 更 加 便于 学 习 , 因 为 它 
能 够 让 人 们 更 简单 地 设计 并 维护 程序 ,使 得 程序 更 加 便于 分 析 、 设 计 、 理 解 。 

C# 是 一 种 新 的 \` 面 向 对 象 的 编程 语言 ,是 .NET 框架 中 新 一 代 的 开发 工具 ,用 C# 编 
写 的 应 用 程序 可 以 充分 利用 . NET 的 框架 体系 带 来 的 优点 , 既 可 以 用 来 编写 基于 通用 网 
络 协议 的 Internet 服务 软件 ,也 可 以 编写 各 种 数据 库 、 网 络 服务 应 用 程序 和 Windows 窗 
口 界面 程序 。 它 简化 了 C++ 语言 在 类 、 命 名 空间 、 方 法 重 载 和 异常 处 理 等 方面 的 操作 ,使 
用 组 件 辅助 编程 ,十 分 容易 掌握 。 


六 思考 与 练习 


1. 根据 本 章 的 介绍 编写 一 个 记事 本 的 程序 。 
2. 了 解 面向 对 象 的 技术 ,并 将 其 应 用 到 C# 程 序 开发 中 。 
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ASP.NET 是 微软 公司 . NET 框架 的 一 部 分 ,是 一 种 使 嵌入 网 页 中 的 脚本 在 因特网 
服务 器 执行 的 服务 器 端 脚本 技术 , 它 可 以 在 通过 HTTP 请 求 文档 时 再 在 Web 服务 器 上 
动态 创建 。ASP.NET 是 ASP 技术 的 扩展 ,作为 最 新 的 动态 网 页 开发 技术 ,已 经 广泛 应 
用 于 很 多 领域 。 


3.1 Web 窗 体 
3.1.1 Web 窗 体 概述 


Web 窗 体 也 称 为 Web Form, 在 ASP.NET 中 是 指 用 ASP.NET 开发 的 网 页 。Web 
窗 体 主要 用 来 根据 特定 的 信息 生成 动态 的 页 面 。Web 窗 体 提供 了 窗 体 设计 器 、 编 辑 器 、 
控件 和 调试 功能 ,这 些 功 能 结合 在 一 起 ,能 够 为 浏览 器 和 Web 客户 端 设备 快速 生成 基于 
服务 器 的 可 编程 用 户 界 面 . 极 大 地 提高 了 开发 效率 。 

1. Web 窗 体 结构 

Web 窗 体 由 HTML 标记 、 控 件 和 逻辑 代码 共同 组 成 。 当 用 户 请 求 包含 这 些 控件 的 
网 页 时 ,被 请 求 网 页 将 首先 在 服务 器 端 执行 ,以 生成 HTML 文档 ,并 回 送 客户 端 ,浏览 器 
再 将 结果 显示 给 用 户 。 

Web 窗 体 由 可 视 化 组 件 和 用 户 接口 逻辑 组 成 。 其 中 ,前 者 指 包含 HTML 标记 及 控 
件 声明 的 部 分 (也 就 是 可 在 浏览 器 上 看 到 的 部 分 ); 后 者 则 指 用 于 实现 服务 器 和 用 户 交 互 
的 代码 。 在 Visual Studio. NET 开发 环境 中 添加 Web 窗 体 ,默认 可 视 化 组 件 与 用 户 接口 
逻辑 分 处 不 同 的 文件 中 。 也 可 将 上 述 两 个 部 分 共处 同一 文件 中 ,只 需 在 添加 Web 窗 体 
时 ,取消 将 代码 放 在 单独 的 文件 中 即 可 。Web 窗 体 结构 如 图 3-1 所 示 。 

2. Web 窗 体 的 生命 周期 

一 般 来 讲 , Web 窗 体 页 的 生命 周期 类 似 于 在 服务 器 上 运行 的 任何 Web 进程 的 生命 
周期 。 具 体 过 程 如 下 。 
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My WebForm.aspx.cs 
类 MyWebForm 


My WebForm.aspx 
MyWebForm 


两 个 文件 结合 在 一 起 组 成 MyWebFrom 
图 3-1 Web 窗 体 结构 


(1) 用 户 通 过 浏览 器 请 求 页 面 。 

(2) 加 载 并 初始 化 页 面 和 控件 。 

(3) 如 果 请 求 的 页 面 是 回 发 的 结果 ,控件 状态 从 视图 状态 加 载 ,并 应 用 用 户 提交 的 任 
何 改变 。 

(4) 页 面 事件 处 理 程序 和 用 于 用 户 操作 触发 事件 的 事件 处 理 程序 被 执行 。 

(5) 将 控件 状态 保存 到 视图 状态 中 。 

(6) 将 页 面 的 HTML 输出 到 浏览 器 中 。 

(7) 缉 载 页 面 和 控件 。 


3.1.2 添加 Web 窗 体 


创建 网 站 后 ,用 户 可 根据 需要 在 网 站 中 添加 Web 窗 体 。 操 作 步 骤 如 下 。 
(1) 在 “解决 方案 资源 管理 器 ?中 右 击 相应 的 网 站 ,在 弹出 的 快捷 菜单 中 选择 “添加 ”一 
“添加 新 项 ”一 “Web 窗 体 ” 命 令 .弹出 图 3-2 所 示 的 添加 Web 窗 体 对 话 框 。 
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3-2 添加 Web 窗 体 对 话 框 
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(2) 在 此 对 话 框 中 ,选择 语言 并 输入 Web 窗 体 名 称 ,选择 是 否 将 代码 放 在 单独 的 文 
件 中 后 , 单 击 “ 添 加 ”按钮 , 即 可 将 新 的 Web 窗 体 添 加 到 网 站 中 。 


3.1.3 Web 窗 体 的 默认 代码 
1，Web 窗 体 的 默认 源 代码 


< 外 四 Page Language = "C#" AutogventWireup = "true" CodeFile = "Default. aspx. cs" Inherits = 
"_Default" %><!DOCTYPE html> 

<html xmlns = "http://www. w3.org/1999/xhtml"> 

< head runat = "server"> 

<meta http - equiv = "Content - Type" content = "text/html; charset = utf — 8"/> 
<title></title> 

</head>< body> 

<form id= "forml" runat = "server"><div> 


// 放 窗 体 控件 
</div></form></body ></html > 
说 明 如 下 。 
(1) 二 %...% 记 语句 块 用 于 存放 在 服务 器 端 执 行 的 代码 及 指令 。 
(2) 二 @Page 放 标记 表示 “页 面 属性 ”, 定 义 了 Web 页 面 特定 的 属性 。 一 个 . aspx 文 
件 只 能 包含 一 个 二 @Page 二 标记 。 二 @Page 二 标记 的 常用 属性 如 表 3-1 所 示 。 
表 3-1 二 @Page 二 标记 的 常用 属性 
属 性 用 途 


AutoEventWireup 决定 是 否 自动 装载 事件 (如 Page_Load) 的 处 理 器 。 默 认 值 为 True 
决定 显示 输出 是 在 被 发 送 到 客户 端 之 前 进行 缓存 ,还 是 直接 发 送 显示 。 默 


Buffer 认 值 为 True 

CodeFile 为 页 面 指定 代码 隐藏 类 的 文件 名 
Inherits 为 页 面 指定 一 个 代码 隐藏 类 
Language 指明 用 于 编译 该 页 的 语言 编译 器 


(3) 二 Form 二 标记 具有 以 下 属性 。 

@ Mothod 属性 。 该 属性 定义 了 将 控件 的 值 送 回 服 务 器 端的 传输 方式 ,可 以 设置 的 
值 有 Post 和 Get。 

@ Runat 属性 。 如 果 该 属性 的 值 被 设置 为 server, 能 使 窗 体 将 控件 信息 送 回 到 服务 
器 端的 ASP.NET 页 面 进行 处 理 ; 否则 该 窗 体 作为 一 般 的 HTML 窗 体 运行 。 


2. Web 窗 体 的 默认 程序 代码 


using System; 

using System. Collections. Generic; 
using System. Ling; 

using System. Web; 

using System. Web. UI; 

using System. Web. UI. WebControls; 
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public partial class _Default : System. Web. UI. Page 
{ protected void Page Load(object sender, EventArgs e) 
{ 
// 此 处 放置 页 面 加 载 时 代码 
} 
i 
说 明 如 下 。 
(1) 命名 空间 是 一 种 逻辑 命名 方案 ,是 类 的 集合 ,用 using 指令 导入 。 
(2) using 指令 用 于 导入 命名 空间 。 可 将 命名 空间 导入 ASP.NET 应 用 程序 文件 中 。 
一 个 指令 只 能 导入 一 个 命名 空间 ,如 果 要 导入 多 个 命名 空间 ,应 使 用 多 个 using 指令 来 执 
行 。 大 部 分 常用 的 命名 空间 在 默认 状态 下 都 被 自动 导入 ,不 需要 手动 导入 。 


3.2 ASP.NET 服务 器 控件 


ASP.NET 提供 了 大 量 可 在 ASP.NET 网 页 上 选用 的 Web 服务 器 控件 ,熟练 使 用 这 
些 控件 有 助 于 提高 Web 应 用 程序 的 开发 效率 。 

本 节 主 要 学 习 用 于 创建 窗 体 的 常用 Web 服务 器 控件 。 通 过 本 节 知 识 的 学 习 , 读 者 首 
先 对 服务 器 控件 有 些 初 步 了 解 。 掌 握 TextBox、Label、Button、DropDownList 等 常用 控 
件 的 使 用 方法 ,并 利用 本 节 知 识 设计 和 实现 用 户 注 册页 面 。 


3.2.1 服务 器 控件 概述 


ASP.NET 服务 器 控件 是 运行 在 服务 器 端 并 且 封 装 了 用 户 界面 和 其 他 功能 的 组 件 。 
控件 的 含义 表明 它 不 仅 是 具有 呈现 外 观 作 用 的 元 素 , 而 且 是 一 种 对 象 ,一 种 定义 Web 应 
用 程序 用 户 界面 的 组 件 。 

(1) ASP.NET 提供 了 与 HTML 控件 相对 应 的 基本 Web 服务 器 控件 。 

(2) Web 服务 器 控件 类 都 包含 在 System. Web. UI. WebControls 命名 空间 下 面 。 

(3) 在 ASP.NET 中 ,Web 服务 器 控件 是 使 用 相应 的 标记 来 编写 控件 的 。 

1. Web 服务 器 控件 工作 原理 

Web 服务 器 控件 工作 原理 如 图 3-3 所 示 。 

在 网 站 的 页 面 中 添加 控件 有 两 种 方法 。 

(1) 在 工具 箱 中 双击 控件 , 则 控件 以 默认 位 置 .默认 风格 直接 插入 页 面 中 。 

(2) 将 工具 箱 中 的 控件 直接 拖 动 到 页 面 指定 位 置 。 

2. 服务 器 控件 的 属性 和 事件 

1) 服务 器 控件 的 属性 

服务 器 控件 的 属性 是 指控 件 中 具有 的 与 用 户 界面 特征 相关 的 字段 或 与 运行 状态 有 关 
的 字段 。 服 务 器 控件 属性 的 使 用 方式 有 3 种 。 

(1) 在 与 控件 对 应 的 属性 窗口 中 设置 属性 .“ 属 性 ?窗口 用 来 设置 控件 的 属性 , 当 页 
面 初始 化 时 ,控件 的 这 些 属性 将 被 应 用 到 控件 。 当 开发 人 员 选 择 了 相应 的 属性 后 ,属性 栏 
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中 会 简单 地 介绍 该 属性 的 作用 ,如 图 3-4 所 示 。 
@ IIS 调 用 aspnet_isapi.dll 解 析 


更 Buttonl System.Web.ULWebControls.Button ” 


相对 办 乡 无 


Web 服 务 器 (Expressions) 
@ IIS 生 成 HTML 流 日 外 观 
发 送 给 客户 端 BackColor 
BorderColor 
2 BorderStyle NotSet 
中 客户 端 发 送 请 求 BorderWidth 
到 服务 端 CssClass 
田 Font 
ForeColor 


二 


客户 机 将 在 按钮 上 显示 的 文本 . 


Button 


图 3-3 Web 服务 器 控件 工作 原理 图 3-4 “属性 ”窗口 


(2) 在 定义 控件 的 标记 里 设置 属性 。 以 标记 二 asp: 控 件 名 … 二 开始 ,控件 中 包含 
runat 一 "server" 属 性 ,表示 为 服务 器 控件 ; 包含 ID 属性 ,用 于 标识 控件 。 
在 源 代码 中 可 使 用 下 列 两 种 语法 对 控件 进行 声明 。 示 例 代码 如 下 。 


<asp:Label ID = "Label1" runat = "server" Text = "Label"></asp:Label > 


<asp:Label ID = "Labell" runat = "server" Text = "Label"/> 


(3) 在 程序 代码 中 设置 控件 属性 。 示 例 代码 如 下 。 


protected void Page_Load( object sender, EventArgs e) 
{ Labell.Visible = false; // 在 Page_Load 中 设置 Labell 的 可 见 性 } 
2) 服务 器 控件 的 事件 
事件 是 指 程序 得 以 运行 的 触发 器 (如 Button 控件 的 Click 事件 等 ) , 当 用 户 与 Web 页 
面 进行 交互 时 被 触发 ,并 通过 执行 事件 程序 做 出 相应 的 响应 。 

(1) Web 控件 的 事件 工作 方式 与 传统 的 HTML 标记 的 客户 端 事件 工作 方式 有 所 不 
同 ,这 是 因为 HTML 标记 的 客户 端 事 件 是 在 客户 端 引 发 和 处 理 的 ,而 ASP.NET 页 面 中 
Web 控件 的 事件 是 在 客户 端 引 发 ,在 服务 器 端 处 理 。 

(2) 所 有 的 Web 事件 都 包括 两 个 参数 : 第 1 个 参数 表示 引发 事件 的 对 象 ;第 2 个 参 
数 表示 包含 该 事件 特定 信息 的 事件 对 象 。 

例如 ,普通 按钮 的 单 击 事件 ,代码 如 下 : 


protected void Button1_Click(object sender, EventArgs e) 
{ // 在 此 处 添加 单 击 事件 处 理 代码 } 


进入 代码 编辑 窗口 有 两 种 方法 。 
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(1) 双击 控件 , 即 进入 控件 编程 界面 。 
(2) 在 属性 面板 上 部 单 击 事件 切换 图 标 , 选 定 特定 事件 后 双击 相应 事件 , 即 可 启动 代 
码 编辑 窗口 。 


3.2.2 服务 器 控件 的 共有 属性 


1. 外 观 属性 

(1) BackColor。BackColor 属性 用 于 设置 对 象 的 背景 色 ,其 属性 设 定 为 颜色 名 称 或 
是 #RRGGBB 的 格式 。 

(2) ForeColor 属性 。ForeColor 属性 用 于 设置 对 象 的 前 景色 ,其 属性 设 定 为 颜色 名 
称 或 # RRGGBB 的 格式 。 

(3) Border 属性 。BorderWidth 属性 可 以 用 于 设 定 控件 的 边框 宽度 ,单位 是 像素 ; 
BorderColor 属性 用 于 设 定 边框 的 颜色 ,其 属性 的 设 定 值 为 颜色 名 称 或 是 并 RRGGBB 的 
格式 ; BorderStyle 属性 用 来 设 定 对 象 的 边框 样式 。 

(4) Font 属性 。Font 属性 有 以 下 几 个 子 属性 ,分 别 表 现 不 同 的 字体 特性 。 

@D Font-Bold: 如 果 属 性 值 设 定 为 True, 则 会 变 成 粗 体 显示 。 

@ Font-Italic: 如 果 属 性 值 设 定 为 True, 则 会 变 成 斜体 显示 。 

加 Font-Name: 设置 字体 的 名 字 。 

@ Font-Size: 设置 字体 大 小 ,共有 9 种 大 小 可 供 选择 , 即 Smaller、Larger、XX-Small、 
X-Small.Small .Medium、Large、X-Large 或 者 XX-Large。 

@ Font-Strikeout: 如 果 属 性 值 设 定 为 True, 则 文字 中 间 显 示 一 条 删除 线 。 

@ Font-Underline: 如 果 属 性 值 设 定 为 True, 则 文字 下 面 显示 一 条 底线 。 

2. 行为 属性 

(1) Enabled 属性 。Enabled 属性 用 于 设置 禁止 控件 还 是 使 能 控件 。 当 该 属性 值 为 
False 时 ,控件 为 禁止 状态 ; 当 该 属性 值 为 True 时 ,控件 为 使 能 状态 。 对 于 有 输入 焦点 的 
控件 ,用 户 可 以 对 控件 执行 一 定 的 操作 。 

(2) ToolTip 属性 。ToolTip 属性 用 于 设置 控件 的 提示 信息 。 在 设置 了 该 属性 值 后 ， 
当 鼠 标 停留 在 Web 控件 上 一 小 段 时 间 后 就 会 出 现 ToolTip 属性 中 设置 的 文字 。 

(3) Visible 属性 。Visible 属性 决定 了 控件 是 否 被 显示 ,如 属性 值 为 True 将 显示 该 
控件 ; 否则 隐藏 该 控件 。 

3. 可 访问 性 

(1) AccessKey 属性 。AccessKey 属性 用 来 为 控件 指定 键盘 的 快捷 键 , 这 个 属性 的 
内 容 为 数字 或 英文 字母 。 例 如 ,设置 为 A, 那 么 使 用 控件 时 用 户 按 下 Alt 十 A 组 合 键 就 会 
自动 将 焦点 移动 到 这 个 控件 的 上 面 。 

(2) TabIndex 属性 。TabIndex 属性 用 来 设置 Tab 键 的 顺序 。 当 用 户 按 下 Tab 键 
时 ,输入 焦点 将 从 当前 控件 跳 转 到 下 一 个 可 以 获得 焦点 的 控件 , TabIndex 就 是 用 于 定义 
这 种 跳 转 顺序 的 。 
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4. 布局 属性 


Height 和 Width 属性 用 于 设置 控件 的 高 度 和 宽度 ,单位 是 px( 像 素 ) 。 
3.2.3 常用 服务 器 控件 


1. 标签 控件 (Label) 


在 Web 应 用 中 ,希望 显示 的 文本 不 能 被 用 户 更 改 , 或 者 当 触发 事件 时 , 某 一 段 文本 能 
够 在 运行 时 更 改 , 则 可 以 使 用 标签 控件 Label。 

Label 控件 常用 的 属性 有 ID .Text 和 Font 属性 等 。 其 中 ,ID 表示 控件 标识 ; Text 
表示 控件 显示 的 文本 内 容 ; Font 表示 字体 格式 设置 ,如 大 小 、 颜 色 等 。 

将 标签 控件 拖 放 到 页 面 后 ,将 自动 生成 标签 控件 的 声明 代码 ,示例 代码 如 下 : 


<asp:Label ID = "Labell" runat = "server" Text = "Label"></asp:Label > 


同样 ,标签 控件 的 属性 可 在 相应 的 程序 代码 中 进行 设置 ,示例 代码 如 下 : 


protected void Page_Load(object sender, EventArgs e) 
{ Labell. Text = "欢迎 !"; // 标 签 赋值 } 


上 述 代 码 在 页 面 载 人 时 将 Labell 的 文本 属性 设置 为 “欢迎 !”。 

2. 文本 框 控件 (TextBox) 

在 Web 开发 中 ,Web 应 用 程序 通常 需要 和 用 户 进行 交互 ,如 用 户 注册 、 登 录 等 ,就 需 
要 文本 框 控件 来 接受 用 户 输入 的 信息 。 文 本 框 控 件 也 可 以 设置 为 只 读 , 用 于 文本 显示 。 

1) 文本 框 控件 的 属性 

文本 框 控件 常用 属性 如 表 3-2 所 示 。 


表 3-2 文本 框 控件 常用 属性 


属 性 说 明 

ID 控件 唯一 标识 

Text 控件 要 显示 的 文本 

et 控件 的 输入 模式 ,有 SingleLine (单行 )、MultiLine (多 行 ) 和 Password (密码 ) 
3 种 ,默认 为 SingleLine 

Width 控件 的 宽度 

MaxLength 控件 可 接收 的 最 大 字符 数 

RE 控件 内 容 修改 后 ,是 否 自动 发 回 到 服务 器 。 如 果 将 控件 的 该 属性 设置 为 True， 
则 控件 内 容 修改 后 会 使 页 面 自动 发 回 到 服务 器 

Visible 控件 是 否 可 见 

Enabled 控件 是 否 可 用 

ReadOnly 控件 是 否 只 读 ,如 果 将 此 属性 设置 为 True, 则 文本 框 内 的 值 是 无 法 被 修改 的 

Rows 控件 中 文本 显示 的 行 数 , 该 属性 在 TextMode 为 MultiLine 时 有 效 


2) 常见 代码 格式 


<asp:textbox id= "控件 名 ”runat = "server" text = "文本 内 容 "></asp:textbox> 
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或 
<asp:textbox id= "控件 名 ”runat = "server" text = "文本 内 容 " /> 


【 例 3-1】 利用 TextBox 控件 制作 用 户 登录 页 面 ,如 图 3-5 所 示 。 要 求 密 码 输入 时 以 
黑 点 显示 。 


Es: Vindees Interiet Lap a 
Ge Pr Oz 


Ex Vindors Internet Explor olx 
Oe/ Ha 画 x| Eure 


你 的 姓名 是 ， 张 小 平 


姓名 : 医 T 
密码 , [ev] 
[| 


图 3-5 利用 TextBox 控件 制作 用 户 登录 页 面 


主要 代码 如 下 。 


<div> 姓 名 : < asp: TextBox ID = "txtname" runat = "server" AutoPostBack = "True" Width = 
"80px" MaxLength = "3" ontextchanged = "txtname TextChanged" /> 
密码 : <asp:TextBox ID = "TextBox2" runat = "server" TextMode = "Password" /> 
<asp:Button ID = "Button1l" runat = "server" Text = "登录 " /> 
</div> 
protected void txtname_TextChanged(object sender, EventArgs e) 
{Response. Write(" 你 的 姓名 是 : " + txtname. Text);} 


3. 超 链接 控件 (HyperLink) 
HyperLink 控件 用 于 建立 文本 超 链接 或 图 片 超 链接 。 
可 使 用 下 列 两 种 语法 进行 声明 。 


< ASP: HyperLink Runat = "Server" Id = "...”NavigateUrl = "..." Text = "..." ImageUrl = "..." 
Target ="..." /> 


< ASP:HyperLink Runat = "Server" Id="..." NavigateUrl = "..." ImageUrl="..." 
Target = "..."> 超 链接 文本 </ASP:HyperLink> 

说 明 如 下 。 

。 NavigateUrl: 给 出 或 设置 所 链接 文档 的 URL。 
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。 ImageUrl: 给 出 或 设置 超 链接 图 片 。 

。 Text: 给 出 或 设置 超 链接 文本 。 

。 Target: 给 出 或 设置 目标 框架 (或 窗口 ) 名 称 。 例 如 ,将 Target 设 为 "_blank", 可 

将 所 链接 的 文档 显示 在 新 窗口 中 。 

4. 图 片 控件 (Image) 

Image 控件 用 于 在 网 页 中 插入 图 片 。 其 声明 语法 如 下 。 

<ASP:Image Runat = "Server" Id="..." ImageUrl ="..." AlternateText ="..." ... /> 

说 明 如 下 。 

。 ImageUrl 属性 : 用 于 给 出 或 设置 图 片 位 置 。 

。 AlternateText 属性 : 用 于 给 出 或 设置 蔡 换 文本 。 

5. 单 选 按钮 控件 (RadioButton) 

RadioButton 控件 是 单 选 按钮 控件 , 当 用 户 选 择 某 个 单 选 按钮 时 , 同 组 中 的 其 他 选项 
不 能 被 同时 选中 。 常 用 属性 如 表 3-3 所 示 。 

表 3-3 单 选 按钮 控件 常用 属性 


属 性 说 明 
ID 控件 唯一 标识 
Text 控件 关联 的 文本 标签 
GroupName 控件 所 属 的 控件 组 名 
Checked 控件 是 否 被 选中 
AutoPostBack 单 击 控件 时 是 否 自动 发 回 到 服务 器 
Enabled 判断 控件 是 否 可 用 


【 例 3-2】 利用 RadioButton 控件 实现 考试 系统 中 单 选 题 的 操作 ,如 图 3-6 所 示 。 用 
户 不 选择 答案 单 击 “ 提 交 ” 按 钮 时 ,页 面 弹 出 “请 选择 答案 1” 提 示 ; 当 用 户 选择 正确 答案 B 
时 ,页 面 提示 “ 蔡 喜 你 ,回答 正确 1!”; 否则 提示 “对 不 起 ,正确 答案 是 B1”。 


Ex2-3 | 
(ex 加 ER [HI 
a | 多- 国 - 避 六 ” 


郑州 市 是 以 下 哪个 省 的 省 会 《 单 和 是) 
CA 湖北 省 6 和 河南 省 CC 安徽 省 


图 3-6 考试 系统 中 的 单 选 题 
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主要 代码 如 下 。 


protected void Button1l_Click(object sender, EventArgs e) 
{ 
if (R1. Checked == false && R2. Checked == false && R3. Checked == false) 
Response. Write("< script > alert( ' 请 选择 答案 ! ')</script >"); 
else 
证 (R2.Checked == true) 
Response. Write("< script > alert( ' 共 喜 你 ,回答 正确 ! ')</script >"); 
else 
Response. Write("< script >alert( ' 对 不 起 ,正确 答案 是 B! ')</script >"); 
} 
} 


6. 单 选 按 钮 组 控件 (RadioButtonList) 


单 选 按 钮 组 控件 RadioButtonList 有 效 地 解决 了 每 个 RadioButton 控件 在 
RadioButton 组 中 相互 独立 的 问题 ,为 读者 提供 了 一 组 RadioButton, 大 大 方便 了 用 户 操 
作 。 常 用 属性 如 表 3-4 所 示 。 


表 3-4 单 选 按钮 组 控件 常用 属性 


属 性 说 明 
AutoPostBack 单 击 控件 时 是 否 自动 发 回 到 服务 器 ,响应 OnSelectedIndexChanged 事件 
CellPading 各 项 目 之 间 的 距离 ,单位 是 像素 
Items 返回 RadioButtonList 控件 中 ListItem 的 对 象 
RepeatDirection 选择 项 目的 排列 方向 ,默认 为 Vertical 
SelectedItem 返回 被 选择 的 ListItem 对 象 
TextAlign 设置 各 项 目 所 显示 文字 在 按钮 左边 还 是 右边 ,默认 为 Right 


【 例 3-3】〗 利用 RadioButtonList 控件 实现 性 别 单 选 和 提示 文字 即时 更 新 ,如 图 3-7 
所 示 。 如 用 户 选择 * 男 ,页 面 下 面 的 文字 立即 改变 为 “你 选择 的 是 : 男 ; 对 应 的 值 为 : 1”。 


图 3-7 利用 RadioButtonList 控件 实现 性 别 单 选 
主要 代码 如 下 。 


protected void rblsex_ SelectedIndexChanged(object sender, EventArgs e) 
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{ lbll.Text = rblsex. SelectedItem. Text; 
1bl2. Text = rblsex. SelectedItem. Value; 
} 


7. 多 选 按钮 控件 (CheckBox) 

CheckBox 控件 和 RadioButton 控件 的 区 别 在 于 前 者 允许 多 选 ,后 者 只 能 单 选 。 
CheckBox 控件 和 RadioButton 控件 的 常用 属性 基本 相同 。 

【 例 3-4】 利用 CheckBox 控件 实现 考试 系统 中 不 定 项 选择 题 的 操作 ,如 图 3-8 所 
示 。 当 用 户 选 择 A、B、C 这 3 个 答案 时 ,提示 “回答 正确 ”; 否则 提示 “错误 ,正确 答案 为 
NN 


以 下 城市 中 ， 属 于 河南 省 的 城市 有 哪些 ? 
万 郑州 市 网 洛阳 市 所 开封 市 口 十 卉 市 
EE 


图 3-8 利用 CheckBox 控件 实现 考试 系统 中 不 定 项 选择 题 
主要 代码 如 下 。 


protected void Button1_Click(object sender, EventArgs e) 


l 
证 (!ckbl.Checked && ! ckb2. Checked && ! ckb3. Checked && ! ckb4. Checked) 


Response. Write("< script > alert( ' 请 选择 答案 ! ')</script >"); 
else 
{ if (ckbl. Checked && ckb2. Checked && ckb3.Checked) 
Response. Write("< script > alert( ' 回 答 正确 ')</script >"); 
else 
Response. Write("< script > alert( ' 错 误 , 正确 答案 为 ABC')</script >"); 


} 


8. 多 选 按钮 组 控件 (CheckBoxList) 

用 CheckBox 控件 可 以 实现 多 选 功能 ,但 在 判断 被 选中 的 选项 时 需要 对 每 一 个 对 象 
都 进行 判断 。CheckBoxList 控件 和 RadioButtonList 控件 类 似 , 可 以 方便 地 判断 用 户 选 
中 的 选项 。 

【 例 3-5】 利用 CheckBoxList 控件 实现 去 过 的 城市 选择 功能 页 面 ,如 图 3-9 所 示 。 
根据 用 户 选择 的 不 同 ,页 面 下 方 出 现 的 选择 结果 动态 变化 。 

主要 代码 如 下 。 


protected void Buttonl Click(object sender, EventArgs e) 
{ 
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string result = 
for (int i = 0; i<ckll.Items.Count; i++) 
证 (ckl1. Items[i].Selected) 
result += ck11. Items[i].Text + "gnbsp;"; 
} 
if (result== "") 
lblmes. Text = "您 都 没 去 过 。"; 
else 
lblmes. Text = "您 去 过 的 城市 是 : " + result; 


http://localhost/aspdotne 国 上 回忆 
文件 人 D 屿 可 G) 查看 0) 收藏 Q) 工 抽 ” 
与 日 - 国 国 的 PR 文件 中 久 儿 中 查看 WD 收藏) I 有” 
固 因 ORE-O- 国 国 的 Pw 文件 四 ”入 名) 查看 Y) 收 京 4) 工 >” 导 
请 选择 你 去 过 的 城市， 地 址 四 图 we /locksve 辣 加 9 到 可 GE - 加 - 国 国 全 万 乓 末 
口 北京 口 杭州 口 长 沙 口上 海 口 南京 地 址 四 | 四 http /1locahesyea 辣 园 # 双 认 本 ” 
到 口 北京 回 杭州 回 长 沙 回 上 海口 南京 | 请 选择 你 去 过 的 城市， 

确定 口 北京 口 杭州 口 长 沙 口上 海 口 南京 


读 直 由 [图 we://lecaukesvyea 国 


您 去 过 的 城市 是 ， 杭 州 长 沙 上 海 。 确定 
BE 闻 本 地 Intreet 您 都 没 去 过 。 


3-9 利用 CheckBoxList 控件 实现 去 过 的 城市 选择 


9. 下 拉 列 表 控 件 (DropDownList) 
DropDownList 控件 是 一 个 下 拉 式 列表 控件 ,用 户 可 从 下 拉 式 列表 中 选择 单一 选项 。 
【 例 3-6】 利用 DropDownList 控件 实现 用 户 出 生地 选择 功能 ,如 图 3-10 所 示 。 根 


据 用 户 所 选择 的 出 生地 不 同 , 单 击 “ 提 交 ” 按 钮 后 提示 不 同 的 信息 。 


出 生地 ，|[ 上 海 R” 辐 
要 更 四 你 的 出 生地 是 ， 上 海 市 


Hmmm Er 
图 3-10 利用 DropDownList 控件 实现 用 户 出 生地 选择 
主要 代码 如 下 。 


protected void Buttonl Click(object sender, EventArgs e) 
{ lblmes. Text += ddlbir.SelectedItem. Text;} 


10. 日 历 控 件 (Calendar) 
Calendar 控件 是 日 历 控件 ,用 于 选择 日 期 。 可 以 结合 TextBox 控件 一 起 使 用 ,实现 
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日 期 输入 ,从 而 规范 并 简化 日 期 格式 输入 。 


【 例 3-7】 利用 Calendar 控件 实现 用 户 人 团 日 期 输入 功能 ,如 图 3-11 所 示 。 


过 选择 Calendar 控件 的 日 期 ,使 其 自动 出 现在 TextBox 控件 文本 框 中 。 


Ez2-8 - Windews Internet Erplorer 


eS rr 


证 收藏 天 郑 Ex2-8 


| 日 一 三 三 四 五 六 
| 25 26 27 28 29 30 31 


891011121314 


| 15 16 17 18 转 2021 到 
三 三 三 厂矿 三 memet 两 -JR -4 


图 3-11 利用 Calendar 控件 实现 用 户 入 团 日 期 输入 
主要 代码 如 下 。 


protected void Calendarl SelectionChanged(object sender, EventArgs e) 
{ txtdate.Text = Calendarl.SelectedDate.ToShortDateString();} 


11. 按钮 控件 (Button、LinkButton、ImageButton) 


用 户 通 


在 Web 应 用 程序 和 用 户 交互 时 ,按钮 控件 是 非常 必要 的 。 按 钮 控件 能 够 触发 事件 ， 


或 者 将 网 页 中 的 信息 回 传 给 服务 器 。 


在 ASP.NET 中 ,包含 三 类 按钮 控件 : 普通 按钮 、 超 链接 按钮 ,图片 按 钮 ,分 别 为 


Button\LinkButton, ImageButton。 
(1) 按钮 控件 的 常用 通用 属性 如 下 。 
@ Causes Validation: 按钮 是 否 导致 激发 验证 检查 。 
@ CommandArgument: 与 此 按钮 关联 的 命令 参数 。 
@ CommandName: 与 此 按钮 关联 的 命令 。 
(2) 按钮 声明 语句 如 下 。 
下 面 的 语句 分 别 声明 了 普通 按钮 . 超 链 接 按钮 .图片 按钮 ,示例 代码 如 下 。 


<asp:Button ID = "Button1" runat = "server” Text = "确定 " /> 
<asp:LinkButton ID = "LinkButton1"” runat = "server"> 超 链接 按钮 </asp:LinkButton > 


<asp:ImageButton ID = "ImageButton1”runat = "server" ImageUrl = "~/images/date.GIF" /> 


(3) 按钮 的 单 击 事件 Click 。 
示例 代码 如 下 。 


protected void Button1_Click(object sender, EventArgs e) 
{ Labell. Text = "普通 按钮 被 触发 ";  } 


(4) 按钮 的 Command 命令 事件 。 


按钮 控件 中 ,Click 事件 并 不 能 传递 参数 ,所 以 处 理 的 事件 相对 简单 。 而 Command 事 
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件 可 以 传递 参数 ,负责 传递 参数 的 是 按钮 控件 的 CommandArgument 和 CommandName 
属性 。 

【 例 3-8】 将 CommandArgument 和 CommandName 属性 分 别 设置 为 Hello! 和 
Show, 单 击 创建 一 个 Command 事件 并 在 事件 中 编写 相应 代码 ,如 图 3-12 所 示 。 


Buttonl System.Web.ULWebControls.Button “ 
sD 王 
CausesValidation True 2 
ClientIDMode Inherit 
CommandArgument Hello! 
CommandName show 
CssClass 
Enabled True 
EnableTheming True 
EnableViewState True 
田 Font 
ForeColor 
Height 
CommandArgument 
与 此 按钮 关联 的 命令 参数 。 


图 3-12 ” CommandArgument 和 CommandName 属性 
主要 代码 如 下 。 


protected void Buttonl_ Command(object sender, CommandEventArgs e) 
{ 
if (e. CommandName == "Show") 
{ 
Labell. Text = e.CommandArgument.ToString(); 
} 
} 


1) Button 控件 

Button 控件 是 读者 使 用 频率 最 高 的 控件 之 一 ,用 户 通 过 单 击 Button 来 执行 该 控件 
的 Click 事件 。Button 控件 的 常用 属性 有 Id、Text 及 onclick 事件 。 

【 例 3-9】 利用 Button 控件 控制 Calendar 控件 的 显示 ,效果 如 图 3-13 所 示 。 单 击 
“显示 日 历 ? 按 钮 ,出现 日 历 ; 用 户 选 择 日 期 后 ,日 期 出 现在 文本 框 中 ,日 历 窗口 关闭 。 

主要 代码 如 下 。 

protected void Calendar1l_SelectionChanged(object sender, EventArgs e) 

{ txtdate. Text = Calendarl.SelectedDate.ToShortDateString(); 

Calendarl. Visible = false ;} 


protected void Buttonl_Click(object sender, EventArgs e) 
{ Calendarl.Visible = true;} 


2) LinkButton 控件 
LinkButton 控件 又 称 为 超 链接 按钮 控件 ,该 控件 在 功能 上 与 Button 控件 相同 ,但 样 
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你 的 Xmlaja&:[ | 


及 一 学 芝 :同和 王 洪 
= 25 26 27 28 29 30 31 


8s89101121314 
115 16 17 18 19 20 21 一 


3-13 利用 Button 控件 控制 Calendar 控件 的 显示 


式 以 超 链接 形式 显示 。LinkButton 控件 有 一 个 PostBackUrl 属性 ,该 属性 用 于 设置 单 击 


控件 时 链接 到 的 网 址 。 
【 例 3-10】 利用 LinkButton 控件 PostBackUrl 属性 实现 超 链接 功能 ,如 图 3-14 所 


示 。 用 户 单 击 “ 打 开 Ex2-9” 链 接 ,将 转向 Ex2-9. aspx 页 面 。 
Ex2-10 - Windows Internet ExzDLGEEE =| 口 |x| 


SD 


es 开 Ex2-9 


图 3-14 利用 LinkButton 控件 PostBackUrl 属性 实现 超 链接 


主要 代码 如 下 。 

<form id = "forml" runat = "server"> 

<div> 超 链接 页 面 < asp:LinkButton ID = "LinkButton1" runat = "server" PostBackUrl = "一 /Ex2 
—9.aspx"> 打 开 Ex2 -9 </asp:LinkButton> 

</div> 


</form> 

3) ImageButton 控件 

ImageButton 控件 是 图 片 按钮 控件 ,用 户 单 击 控件 上 的 图 片 引发 控件 的 Click 事件 。 
ImageButton 控件 有 一 个 ImageUrl 属性 ,该 属性 用 于 设置 按钮 上 显示 的 图 片 位 置 。 

【 例 3-11】 利用 ImageButton 控件 达到 美化 按钮 的 效果 ,如 图 3-15 所 示 。 

主要 代码 如 下 。 


第 3 竟 ASP.NET 71) 


Ez2-11 - Yindows Internet CT 


Ed 


写 收 戌 天 大 Ex2-l1 


你 的 入 团 时 间 是 ， 国 


局 三 厂矿 厂矿 厂 陪 mermet 
3-15 利用 ImageButton 控件 美化 按钮 


<div> 

你 的 入 团 时 间 是 : 

<asp:TextBox ID = "txtdate" runat = "server" Enabled = "False"/> 

<asp:ImageButton ID = "ImageButtonl" runat = "server" ImageUrl = "一 /images/date.GIF" 
onclick = "ImageButton1_Click" /> 

<asp:Calendar ID = "Calendar1" runat = "server" Visible = "False"></asp:Calendar > 

</div> 

protected void ImageButtonl Click(object sender, ImageClickEventArgs e) 

{ Calendarl. Visible = true;} 


12. 文件 上 传 控件 (FileUpload) 


FileUpload 控件 是 用 于 客户 端 文件 上 传 到 服务 器 的 控件 。 该 控件 显示 一 个 文本 框 和 
一 个 浏览 按钮 ,用 户 可 以 通过 “浏览 ”按钮 选择 文件 。FileUpload 控件 有 一 个 Save As 方 
法 ,用 于 将 上 传 的 文件 保存 到 服务 器 。 文 件 上 传 控件 常用 属性 如 表 3-5 所 示 。 


表 3-5 文件 上 传 控 件 常用 属性 


属 性 说 明 

ID 控件 唯一 标识 

FileName 获取 上 传 文件 在 客户 端的 文件 名 称 

HasFile 获取 一 个 布尔 值 ,用 于 表示 控件 是 否 已 经 包含 一 个 文件 

stadt 获取 一 个 与 上 传 文件 相关 的 HttpPostedFile 对 象 ,使 用 该 对 象 可 以 获取 上 传 
文件 的 相关 属性 


【 例 3-12】 利用 FileUpload 控件 实现 文件 上 传 操作 ,如 图 3-16 所 示 。 用 户 单 击 页 面 
“浏览 .….. ”按钮 ,选择 要 上 传 的 文件 , 单 击 * 上 传 ” 按 钮 ,文件 将 上 传 到 服务 器 网 站 的 根 目 
有 孙 下 5 

主要 代码 如 下 。 

<div> 

请 选择 上 传 的 文件 : <asp:FileUpload ID = "fulfile" runat = "server" /> 

<asp:Button ID = "Button1”runat = "server" onclick = "Button1_Click" Text =" 上 传 " /> 

<asp:Label ID = "lblmes" runat = "server" Text = ""></asp:Label > 
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12 - Vindows Internet Ezplor 


BS i 


六 中 天 六 Ex2-12 


上 传 | 文件 ， 宽带 . txt 已 上 传 到 了 根 目录 ! 


图 3-16 利用 FileUpload 控件 实现 文件 上 传 


</div> 
protected void Button1l_Click(object sender, EventArgs e) 
{ 
if (fulfile. HasFile) 
{ 
string strname = fulfile.FileName; 
fulfile. SaveAs( Server. MapPath( strname)); 
lblmes. Text += "文件 : " + strname + "已 上 传 到 了 根 目录 !"; 
} 


else 
Response. Write(" 请 选择 上 传 文件 !"); 

} 

13. 表格 控件 (Table) 

网 站 开发 过 程 中 ,表格 是 页 面 布局 的 一 种 重要 手段 。 使 用 Table 表格 ,tr 表格 行 和 td 
表格 单元 格 进行 页 面 布 局 ,操作 简单 .快捷 ,大 大 提高 了 开发 效率 。 表 格 控件 常用 属性 如 
表 3-6 所 示 。 

表 3-6 表格 控件 常用 属性 


属 性 说 明 
Boder 表格 边框 宽度 
CellPadding 单元 格 边框 与 内 容 的 间距 
CellSpacing 单元 格 间距 
Align 表格 .单元 格 水 平方 向 对 齐 方式 ,有 Left、Right 和 Center 3 种 
Valign 单元 格 竖 直 方向 对 齐 方式 ,有 Baseline、Bottom、Middle 和 Top 4 种 
Style 表格 .单元 格 样式 


【 例 3-13】 利用 表格 控件 实现 系统 登录 页 面 布 局 设计 ,如 图 3-17 所 示 。 
14. 验证 控件 
验证 控件 在 服务 器 代码 中 执行 输入 检查 。 当 用 户 向 服务 器 提交 页 面 之 后 ,服务 器 将 


名 间 4sPNET (73) 


3-17 利用 表格 控件 实现 登录 页 面 布局 设计 


逐个 调用 验证 控件 来 检查 用 户 输入 。 如 果 在 任意 输入 控件 中 检测 到 验证 错误 , 则 该 页 面 
将 自行 设置 为 无 效 状态 ,以 便 在 代码 运行 之 前 测试 其 有 效 性 。ASP.NET 提供 了 5 种 验 
证 控件 和 一 个 验证 结果 信息 汇总 控件 ,验证 控件 的 类 型 和 作用 如 表 3-7 所 示 。 


表 3-7 验证 控件 的 类 型 和 作用 


验证 类 型 控件 名 称 作 用 
必需 项 RequiredFieldValidator 验证 某 个 控件 的 内 容 是 否 被 改变 
将 用 户 的 输入 与 一 个 常数 值 或 者 另 一 个 控件 或 特定 数 
与 某 值 的 比较 | CompareValidator 据 类 型 的 值 进行 比较 (使 用 小 于 、 等 于 或 大 于 比较 
运算 符 ) 
范围 检查 RangeValidator 验证 某 个 值 是 否 在 要 求 的 范围 内 


验证 相关 输入 控件 的 值 是 否 匹配 正则 表达 式 指定 的 模 
模式 匹配 RegularExpressionValidator | 式 。 此 类 验证 使 用 户 能 够 检查 可 预知 的 字符 序列 ,如 电 
子 邮件 地 址 .电话 号 码 ,邮政 编码 等 内 容 中 的 字符 序列 


使 用 用 户 自己 编写 的 验证 逻辑 检查 用 户 输入 。 此 类 验 
证 使 用 户 能 够 检查 在 运行 时 派生 的 值 


显示 来 自 页 面 上 所 有 验证 控件 的 错误 信息 。 它 只 能 与 
上 述 验 证 控件 一 起 使 用 ,不 能 单独 执行 验证 


用 户 自 定义 CustomValidator 


显示 验证 信息 | ValidationSummary 


对 于 一 个 输入 控件 ,可 以 附加 多 个 验证 控件 。 

1) RequiredFieldValidator 控件 

RequiredFieldValidator 控件 用 于 对 一 些 必须 输入 的 信息 进行 验证 ,如 果 对 应 的 输入 
控件 没有 输入 信息 , 则 提示 错误 。 该 控件 的 属性 主要 有 以 下 几 个 。 

(1) ControlToValidate 属性 : 关联 要 被 验证 的 控件 。 

(2) InitialValue 属性 : 用 于 获取 或 者 设置 要 被 检验 的 初始 值 。 

(3) ErrorMessage 属性 : 验证 不 通过 时 显示 的 错误 信息 。 

(4) Text 属性 : 控件 中 显示 的 信息 。 
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【 例 3-14】 对 于 用 户 登录 页 面 , 检 查 用 户 名 和 密码 是 否 为 空 , 如 图 3-18 所 示 。 


ee DO C2 
a rm | 


用 户 名 ， 用 户 名 不 能 为 空 


密码 ， | 密码 不 能 为 空 


图 3-18 必需 项 验证 


主要 代码 如 下 。 

< asp:TextBox runat = "server" ID= "TextBoxl1" ></asp:TextBox> 

< asp: RequiredFieldValidator ID = ”RequiredFieldValidatorl " runat = " server" 

ControlToValidate = "TextBoxl" ErrorMessage = "用 户 名 不 能 为 空 " ForeColor = "Red"> 

</asp:RequiredFieldValidator > 

2) CompareValidator 控件 

CompareValidator 控件 用 于 将 用 户 输入 的 值 和 其 他 控件 的 值 或 者 常数 进行 比较 。 
该 控件 的 主要 属性 有 以 下 几 个 。 

(1) ControlToValidate 属性 : 指定 要 验证 的 输入 控件 。 

(2) Type 属性 : 指定 了 两 个 比较 值 的 数据 类 型 。 

(3) Operator 属性 : 指定 了 进行 比较 的 类 型 。 

【 例 3-15】 使 用 CompareValidator 控件 ,验证 用 户 在 第 二 个 TextBox 中 输入 的 数字 
是 否 大 于 在 第 一 个 TextBox 中 输入 的 数字 ,如 图 3-19 所 示 。 


Se wotoe -Tolx ese 
和 天 Comoevaidato- ||- 从 -本 一 


最 大 值 ，34 


最 小 值 :|234 最 大 值 不 能 小 于 最 小 值 ! 


图 3-19 ”比较 验证 控件 
主要 代码 如 下 。 


最 大 值 : < asp:TextBox runat = "server" ID= "TextBox1" TextMode = "SingleLine"></asp:TextBox > 
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最 小 值 : < asp: TextBox runat = "server" ID= "TextBox2" TextMode = "SingleLine"></asp:TextBox > 

< asp: CompareValidatorid = " CompareValidatorl" runat = " server” ForeColor = " Red" 

ControlToValidate = "TextBox1" ControlToCompare = "TextBox2" Type = "Double" 

Operator = "GreaterThanEqual”ErrorMessage = "最 大 值 不 能 小 于 最 小 值 ' "> 

</asp:CompareValidator > 

3) RangeValidator 控件 

RangeValidator 控件 用 于 测试 输入 控件 的 值 是 否 在 指定 范围 内 ,直接 继承 于 
BaseCompareValidator。 该 控件 的 主要 属性 有 以 下 几 个 。 

(1) MaximumValue: 指定 有 效 值 的 最 大 值 。 

(2) MinimumValue: 指定 有 效 值 的 最 小 值 。 

(3) ErrorMessage: 指定 验证 失败 时 要 显示 的 错误 信息 。 

【 例 3-16】 对 用 户 在 网 页 输入 的 年 龄 进行 检查 ,如 图 3-20 所 示 。 


Re oeroe -olx eso 
tt enon 


年 疮 [M9 ”| 年 龄 不 能 小 于 1 或 大 于 200 


图 3-20 范围 验证 控件 


主要 代码 如 下 。 


<asp:TextBox ID = "TextBox1" runat = "server"></asp:TextBox > 

<asp:RangeValidator ID = "RangeValidatorl" runat = "server" ControlToValidate = "TextBox1" 
ErrorMessage = "年 龄 不 能 小 于 1 或 大 于 200" MaximumValue = "200"MinimumValue = "1"> 
</asp:RangeValidator > 


4) RegularExpressionValidator 控件 
RegularExpressionValidator 控件 用 于 验证 相关 输入 控件 的 值 是 否 匹配 正则 表达 式 


指定 的 模式 。 

【 例 3-17】 使 用 RegularExpressionValidator 验证 电子 邮件 的 格式 是 否 正确 ,如 
图 3-21 所 示 。 

关键 步骤 如 下 。 

(1) 向 页 面 添加 一 个 TextBox 控件 和 一 个 RegularExpressionValidator 控件 。 

(2) 选中 RegularExpressionValidator 控件 ,在 属性 窗 体 中 设置 ControlToValidate 
属性 为 TextBoxl ,设置 ErrorToMessage 为 “电子 邮件 地 址 必须 采用 name@ domain. xyz 


格式 ”。 
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Soo a veootows -| [x es | 
和 和 Reguiarerpressio。 |- 从 -加 


图 3-21 正则 表达 式 验证 控件 


(3) 在 “属性 "窗口 中 单 击 ValidationExpression 框 中 的 省 略 号 按钮 ,打开 “正则 表达 
式 编 辑 器 对话 框 ,在 “正则 表达 式 编辑 器 ?列表 中 , 单 击 “Internet 电子 邮件 地 址 ”。 

5) CustomValidator 控件 

如 果 现 有 的 ASP.NET 验证 控件 无 法 满足 需求 ,可 以 定义 一 个 自 定义 的 服务 器 端 验 
证 函数 ,然后 使 用 CustomValidator 控件 来 调用 它 。CustomValidator 的 语法 如 下 。 


<asp: CustomValidator id = "控件 的 名 字 " runat = "server" 

ControlToValidate = "要 被 验证 的 控件 名 字 ” OnServerValidate = "服务 器 端 验证 函数 " 
ErrorMessage = "验证 错误 时 的 提示 信息 ” Text = "验证 失败 时 验证 控件 中 显示 的 文本 " 
Display = "获取 或 设置 验证 控件 中 错误 信息 的 显示 行为 "> 

</asp:CustomValidator > 


【 例 3-18】 使 用 CustomValidator 控件 来 验证 用 户 的 出 生日 期 输入 的 格式 是 否 正 
确 ,如 图 3-22 所 示 。 


GU Er er 


出 生日 期 ，zxcvzxcv 以 mldyyyy 格式 输入 
一 个 日 期 


图 3-22 ”用户 自 定义 验证 控件 


主要 代码 如 下 。 


<asp:TextBox runat = "server" ID= "TextBoxl" TextMode = "SingleLine"></asp:TextBox> 
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< asp: CustomValidator ID = " CustomValidatorl" runat = " server" OnServerValidate = 
"TextValidate" 


ControlToValidate = "TextBox1”ErrorMessage = "以 m/d/yyyy 格式 输入 一 个 日 期 "> 
</asp:CustomValidator > 
6) ValidationSummary 控件 
ValidationSummary 控件 用 于 显示 页 面 中 的 所 有 验证 错误 的 摘要 。 该 控件 的 主要 属 
性 有 以 下 几 个 。 
(1) DisplayMode 属性 : 设置 验证 摘要 的 显示 模式 。 
(2) ShowSummary 属性 : 指定 是 显示 还 是 隐藏 ValidationSummary 控件 。 
(3) ShowMessageBox 属性 : 指定 是 否 显示 一 个 消息 对 话 框 显示 验证 的 摘要 信息 。 
(4) HeaderText 属性 : 获取 或 设置 显示 在 摘要 上 方 的 标题 文本 。 


3.2.4 会 员 注册 页 面 设计 


会 员 注册 页 面 是 网 站 开发 过 程 中 经 常用 到 的 ,本 实例 将 利用 本 节 所 学 知识 进行 会 员 
注册 页 面 设计 ,本 节 的 会 员 注册 仅 完成 会 员 注册 信息 填写 (图 3-23) 和 信息 显示 功能 
(图 3-24) 。 


用 户 名 ， 张 小 平 
密码 ，123 
性 别 , 男 

出 生日 期 ，2012-1-16 


确认 密码 : [ee。 


性 别 ，@ 男 CO 女 
出 生日 期 ， fz012-1-16 | 园 
景 高 学 历 ， 大 学 生 
最 高 学 历 ,| 天 学生 国 


个 人 爱好 ， 巴 唱歌 所 跳舞 口 由 册 个 人 受 好 ， 唱 歌 打球 网 络 游戏 
” 口 游泳 区 打球 区 网 络 游戏 


图 3-23 ”会员 注册 信息 填写 图 3-24 会 员 注册 信息 显示 


设计 步骤 如 下 。 

(1) 新 建 Addmember. aspx, 在 页 面 添 加 Panel 控件 ,设置 ID 为 Panell 。 在 Panell 
控件 内 添加 一 个 9 行 2 列 的 Table 控 件 。 

(2) 将 Table 左边 单元 格 td 的 align 属性 全 部 设置 为 right( 即 右 对 齐 ) ,右边 单元 格 
设置 为 left( 即 左 对 齐 )。 将 第 一 行 的 两 个 单元 格 合 并 ,输入 “会 员 注 册 ”, 并 设置 单元 格 
格式 。 

(3) 左边 单元 格 自 上 向 下 依次 输入 “用 户 名 : “密码 : ”“ 确 认 和 密码 : “性 别 : “出 生 
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日 期 : “最 高 学 历 :”" 和 “个 人 爱好 : ”。 
(4) 右边 单元 格 自 上 向 下 依次 添加 相应 的 服务 器 控件 ,并 设置 其 属性 ,如 表 3-8 


所 示 。 
表 3-8 会 员 注册 页 面 的 服务 器 控件 
内 容 控件 ID 控件 类 型 说 明 

用 户 名 txtname | TextBox 设置 Width 属性 为 82px 

密码 txtpwd TextBox 设置 TextMode 属性 为 Password 

确认 密码 | txtpwd2 | TextBox 设置 TextMode 属性 为 Password 

性 别 rbtlsex RadioButtonList | 设置 RepeatDirection 属性 为 Horizontal, ListItem 为 “ 男 ”“ 女 ” 
Txtdate | TextBox 设置 Enabled 属性 为 False, Width 属性 为 83px 
ep | 二 设置 InageUrl 王 "一 /images/ 图 标 .JPG" ,onclick 一 "ibtndate_ 

出 生日 期 Click" 
ate Calendar 机 年 onselectionchanged 一 "clddate _ SelectionChanged "， 

Visible ="False" 
最 高 学 历 | ddlschool | DropDownList | 设置 ListItem 为 研究 生 .大学生 .中 学 生 小学生 
个 人 爱好 | chblove “| CheckBoxList | 设置 RepeatDirection 一 "Horizontal" ,RepeatColumns 一 "3" 


(5) 将 表格 最 下 面 一 行 两 个 单元 格 合并 ,添加 两 个 ImageButton 控件 表示 “提交 ”和 


“取消 ”。 


(6) 按照 上 面 的 操作 方法 ,在 Table 后 面 再 添加 一 个 Panel 控件 Panel2。 在 Panel2 
内 添加 8 行 2 列 的 Table 控 件 ,表格 第 一 个 单元 格 和 左边 一 列 内 容 与 上 面 表格 内 容 相同 ; 
右边 一 列 单元 格 里 ,依次 添加 Label 服务 器 控件 ,ID 属性 依次 为 lblname、\Ilblpwd lblsex、 
lbldate ,lblschool lbllove 等 。 
(7) 最 下 面 一 行 两 个 单元 格 合 并 ,添加 一 个 Button 控件 ,设置 onclick 王 "Buttonl __ 
Click" 和 Text 一 "关闭 窗口 "。 
(8) 添加 Page_load 和 其 他 Button 按钮 单 击 事件 代码 。 


protected void Page_Load(object sender, EventArgs e) 


{ 


Panel2. Visible 
Panell. Visible 


= false; 
= true; 


txtpwd. Attributes["value"] = txtpwd. Text; 
txtpwd2. Attributes["value"] = txtpwd2.Text; 


} 


protected void ibtndate Click(object sender, ImageClickEventArgs e) 
{clddate. Visible = true;} 
protected void clddate SelectionChanged(object sender, EventArgs e) 
{ 
txtdate. Text = clddate.SelectedDate.ToShortDateString(); 
clddate. Visible = false; 
} 
protected void btnOk_Click(object sender, ImageClickEventArgs e) 
{ 
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Panell. Visible = false; 
Panel2.Visible = true; 
lbldate. Text = txtdate. Text; 
lbllove. Text = ""; 
for (int i = 0; i< chblove. Items.Count; i++) 
{ 
if (chblove. Items[ i]. Selected) 
lbllove. Text += "" + chblove. Items[i].Text; 
} 
lblname. Text = txtname.Text; 
lblpwd. Text = txtpwd. Text; 
lblschool. Text = ddlschool.SelectedItem. Text; 
lblsex. Text = rbtlsex.SelectedValue; 
， 
protected void btnclose_Click(object sender, EventArgs e) 
Response. Write("< script > window. close( );</script >"); 
} 
protected void btnOk_ Clickl (object sender, ImageClickEventArgs e) 
Panell. Visible = false; 
Panel2. Visible = true; 
lbldate. Text = txtdate. Text; 
lbllove. Text = ""; 
for (int i = 0; i< chblove. Items.Count; i++) 
{ 
if (chblove. Items[i].Selected) 
lbllove. Text += "" + chblove. Items[i].Text; 
} 
lblname. Text = txtname. Text; 
lblpwd. Text = txtpwd. Text; 
lblschool. Text = ddlschool.SelectedIten. Text; 
lblsex. Text = rbtlsex.SelectedValue; 
} 
protected void Ibtncancel Click(object sender, ImageClickEventArgs e) 
{ Response.Redirect("addmember.aspx");} 


3.3 ASP.NET 内 置 对 象 


在 使 用 网 站 过 程 中 ,时 常会 见 到 会 员 管 理 、 网 站 浏览 次 数 统计 、 当 前 网 站 在 线 用 户 人 
数 , 在 线 聊天 室 和 网 上 投票 等 内 容 。 在 使 用 网 站 时 ,如 何 进行 存储 用 户 信 息 , 并 实现 跨 页 
面 传递 呢 ? 这 就 用 到 了 ASP.NET 内 置 对 象 。 


3.3.1 ASP.NET 常用 内 置 对 象 


ASP.NET 提供 了 大 量 的 对 象 类 库 ,在 这 些 类 库 中 包含 了 许多 封装 好 的 内 置 对 象 ,只 
需要 直接 使 用 这 些 对 象 的 方法 和 属性 ,就 能 简单 .快速 地 完成 很 多 功能 。 
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内 置 对 象 可 以 在 页 面 上 以 及 页 面 之 间 方 便 地 实现 获取 、 输 出 传递. 保留 各 种 信息 等 
操作 ,以 完成 复杂 功能 。 内 置 对 象 是 对 服务 器 控件 很 好 的 补充 ,进一步 扩展 了 ASP.NET 
程序 的 功能 。 

常用 的 内 置 对 象 有 Page、Response、Request、Session、Application、Server 和 Cookie 
等 。 常 用 内 置 对 象 及 功能 如 表 3-9 所 示 。 


表 3-9 常用 内 置 对 象 及 功能 


内 置 对 象 功 能 
Page 页 面 对 象 ,用 于 整个 页 面 的 操作 
Request 从 客户 端 获 取信 息 
Response 向 客户 端 输出 信息 
Session 存储 特定 用 户 的 信息 
Application 存储 同一 个 应 用 程序 中 所 有 用 户 之 间 的 共享 信息 
Server 创建 COM 组 件 和 进行 有 关 设置 
Cookie 用 于 保存 Cookie 信息 


Page 对 象 ,Request 对 象 .Response 对 象 和 Server 对 象 主要 用 来 进行 服务 器 和 客户 
端 浏览 器 之 间 的 联系 ; Cookie 对 象 、Session 对 象 和 Application 对 象 则 主要 用 于 网 站 状 
态 管理 。 

1. Page 对 象 

Page 对 象 由 System. Web. UI. Page 类 实现 , 它 主要 用 于 处 理 ASP. NET 页 面 的 
内 容 。 
1) Page 对 象 工作 过 程 
(1) 客户 端 浏览 器 向 Web 应 用 程序 进行 一 个 页 面 的 请 求 。 
(2) 服务 器 端 Web 应 用 程序 接收 到 这 个 请 求 , 先 查看 这 个 页 面 是 否 被 编译 过 ,如 果 
没有 被 编译 过 ,就 编译 这 个 Web 页 面 , 然 后 对 这 个 页 面 进行 实例 化 产生 一 个 Page 对 象 。 

(3) Page 对 象 根 据 客户 请 求 ,把 信息 返回 给 TIS, 然 后 信息 由 IIS 返回 给 客户 端 浏览 器 。 

在 这 个 过 程 中 ,每 个 页 面 都 被 编译 成 一 个 类 , 当 有 请 求 时 就 对 这 个 类 进行 实例 化 。 

2) Page 对 象 常 用 属性 、 事 件 和 方法 

(1) Page 对 象 常用 属性 。Page 对 象 的 常用 属性 如 表 3-10 所 示 。 


表 3-10 Page 对 象 常用 属性 


属 性 说 明 


指示 该 页 是 否 为 响应 客户 端 发 回 而 加 载 , 若 该 属性 的 值 为 True, 则 表示 该 页 是 由 
于 客户 端 发 回 而 加 载 的 。 它 是 Page 对 象 最 为 重要 的 属性 ,该 属性 常用 于 判断 页 面 


Is 
PostBack 。 | 是 否 是 第 一 次 被 加 载 , 当 页 面 是 第 一 次 加 载 时 ,IsPostBack 属性 值 为 False, 否 则 什 
为 True 
指示 责难 证 是 理 成 功 。 车 eValid 的 值 为 True, 则 意味 着 网 页 上 的 验证 控件 全 部 


验证 成 功 ; 否则 表示 至 少 有 一 个 控件 验证 失败 
Response 获取 与 该 Page 对 象 关联 的 HttpResponse 对 象 
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(2) Page 对 象 常用 事件 。Page 对 象 的 常用 事件 如 表 3-11 所 示 。 
表 3-11 Page 对 象 常用 事件 


事 件 说 明 
Prelnit 在 页 初始 化 开始 时 发 生 
Init 当 服 务 器 控件 初始 化 时 发 生 
PreLoad 在 页 Load 事件 之 前 发 生 
Load 当 服 务 器 控件 加 载 到 Page 对 象 中 时 发 生 
Unload 当 服 务 器 控件 从 内 存 中 种 载 时 发 生 


在 ASP.NET 网 页 开始 载 人 到 被 完全 写 入 浏览 器 的 过 程 中 ,产生 与 Page 对 象 有 关 的 
主要 事件 有 Init、Load 和 UnLoad 这 3 个 。 触 发 顺序 如 图 3-25 所 示 。 


Page 对 象 的 Init 事 件 


Page 对 象 的 Load 事 件 


服务 器 控件 的 事件 


Page 对 象 的 UnLoad 事 件 


图 3-25 ”Page 对 象 的 主要 事件 触发 顺序 


(3) Page 对 象 的 常用 方法 。Page 对 象 的 常用 方法 如 表 3-12 所 示 。 
表 3-12 Page 对 象 的 常用 方法 


方 法 说 明 
MapPath(virtualPath) 将 virtualPath 指定 的 虚拟 路 径 转 换 成 实际 路 径 
ResolveUrl(relativeUrl) 将 相对 地 址 relativeUrl 转换 为 绝对 地 址 
Validate() 执行 网 页 上 的 所 有 验证 控件 
DataBind() 将 数据 源 连 接 到 网 页 上 的 服务 器 控件 
Dispose() 强制 服务 器 控件 在 内 存 释放 之 前 执行 最 终 的 清理 工作 


【 例 3-19】 设计 动态 添加 候选 项 的 页 面 。 当 页 面 初次 加 载 时 ,“ 个 人 爱好 ”显示 “ 游 
泳 交 唱歌 > 和”* 疏 山 ”3 个 选项 ,下 面 的 文本 框 里 显示 “请 输入 新 的 选项 ”。 用 户 在 文本 框 
中 输入 选项 内 容 , 并 单 击 “ 添 加 ”按钮 ,可 以 实现 选项 的 添加 ,效果 如 图 3-26 所 示 。 

主要 代码 如 下 。 

<div> 

个 人 爱好 : < asp: CheckBoxList ID = " ckbtnllove” runat = " server" RepeatDirection = 

"Horizontal"> 

<asp:ListItem > 游泳 </asp:ListItem> 

<asp:ListItem> 唱 歌 </asp:ListItem> 

<asp:ListItem> 息 山 </asp:ListItem> 


82) ASP.NET 动 态 网 站 设计 与 制作 


Ez6-1 - Windows Internet Explorer [=I9Ixl 
SO le 7 ell [BE 
se, 


个 人 爱好 : 
口 游泳 口 唱歌 口 疏 山 口 旅游 
[aa > | 


图 3-26 动态 添加 候选 项 的 页 面 


</asp:CheckBoxList ><asp:TextBox ID = "txtadd" runat = "server"></asp:TextBox> 
<asp:Button ID = "btnadd" runat = "server" Text = "添加 " /></div> 
protected void Page_Load(object sender, EventArgs e) 
{ 证 (!IsPostBack) 
txtadd. Text = "请 输入 新 的 选项 "; 
else 
ckbtnllove. Items. Rdd(txtadd. Text) 
} 


2.，Response 对 象 


Response 对 象 由 System. Web. HttpResponse 类 实现 ,主要 用 于 控制 对 浏览 器 的 输 
出 。 它 可 以 用 来 在 页 面 中 输入 数据 ,在 页 面 中 跳 转 , 还 可 以 传递 各 个 页 面 的 参数 。 
Response 对 象 常用 属性 和 方法 如 表 3-13 所 示 。 


表 3-13 Response 对 象 常用 属性 和 方法 


名 称 说 明 
Buffer 属性 设置 是 否 缓冲 输出 , 取 值 为 True 或 False, 默 认为 True 
ContentType 属性 | 控制 输出 的 文件 类 型 
Cookies 属性 获取 响应 Cookie 集合 
Write 方 法 Response 对 象 最 常用 的 方法 ,用 于 输出 信息 到 客户 端 


WriteFile 方法 用 于 把 指定 的 文件 直接 写 和 人 HTTP 响应 输出 流 

Redirect 方法 将 客户 端 重 定向 到 新 的 URL 

Clear 方 法 清除 缓冲 区 流 中 的 所 有 内 容 输 出 

End 方法 将 当前 所 有 缓冲 的 输出 发 送 到 客户 端 ,停止 该 页 的 执行 ,并 引发 EendRequest 事件 


【 例 3-20】 利用 DropDownList 控件 的 SelectedIndexChanged 事件 ,实现 动态 改变 
LinkButton 控件 的 显示 ,并 利用 Response 对 象 的 Redirect 方法 实现 页 面 地 址 重 定向 , 效 
果 如 图 3-27 所 示 。 

具体 代码 如 下 。 


<div> 
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民国 国 攻 呵呵 | 
图 3-27 利用 Response 对 象 的 Redirect 方法 实现 页 面 地 址 重 定向 


<asp: DropDownList ID = " ddlfri" runat = server" AutoPostBack = " True" 

onselectedindexchanged = "ddlfri_SelectedIndexChanged"> 

<asp:ListItem Value = "Ex6 - 2.aspx"> 友 情 链接 </asp:ListItem> 

<asp:ListItem Value = "http://www. baidu. com"> 百 度 </asp:ListItem> 

<asp:ListItem Value = "http:// www. taobao. com"> 淘 宝 网 </asp:ListItem > 

<asp:ListItem Value = "http:// www. sohu. com"> 搜 虎 </asp:ListItem> 

</asp:DropDownList> 

<asp:LinkButton ID = "lkbtnfri" runat = "server"” onclick = "lkbtnfri_Click"> 转 向 链接 网 站 

</asp:LinkButton ></div> 

protected void ddlfri_SelectedIndexChanged(object sender, EventArgs e) 

{ Response. Write("< script> alert(' 使 用 了 Response 的 Redirect 方法 ')</script >"); 
lkbtnfri. Text = ddlfri.SelectedIten. Text;} 

protected void lkbtnfri_ Click(object sender, EventArgs e) 

{ Response.Redirect(ddlfri.SelectedValue);} 


3. Request 对 象 

Request 对 象 由 System. Web. HttpRequest 类 实现 ,主要 用 于 获取 客户 端 信息 。 当 
用 户 打开 Web 浏览 器 并 从 网 站 请 求 Web 页 时 .Web 服务 器 就 接收 一 个 HTTP 请 求 ,此 
请 求 包含 用 户 ,用户 的 计算 机 页 面 以 及 浏览 器 的 相关 信息 ,这 些 信息 将 被 完整 地 封装 ,并 
通过 Request 对 象 使 用 。 

Request 对 象 的 常用 属性 和 方法 如 表 3-14 所 示 。 


表 3-14 Request 对 象 的 常用 属性 与 方法 


名 称 说 明 
Form 属性 获取 客户 端 在 Web 表单 中 所 输入 的 数据 集合 
QueryString 属性 获取 HTTP 查询 字符 串 变 量 集合 
获取 客户 端 发 送 的 Cookie 集合 ,用 于 查看 访问 者 在 以 前 访问 本 站 点 时 
Cookies 属性 

使 用 的 Cookies 

ServerVariables 属性 获取 Web 服务 器 环境 变量 的 相关 信息 
Path 返回 页 面 完 整 的 Web 路 径 地址 ,包括 页 面 的 文件 名 称 
ApplicationPath 说 明 被 请 求 的 页 面 位 于 Web 应 用 程序 的 哪 一 个 文件 夹 中 
PhysicalApplicationPath ”| 返回 页 面 的 完整 路 径 , 它 位 于 物理 磁盘 上 ,不 是 一 个 Web 地 址 
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续 表 
名 称 说 明 
Browser 属性 获取 或 设置 有 关 正 在 请 求 的 客户 端 浏览 器 的 功能 信息 
MapPath 方法 获取 当前 请 求 的 URL 虚拟 路 径 映 射 到 服务 器 上 的 物理 路 径 
SaveAs 方 法 将 HTTP 请 求 保存 到 硬盘 


【 例 3-21】 在 网 页 中 显示 应 用 程序 的 根 路 径 、 虚 拟 目 录 和 浏览 器 配置 的 语言 设置 等 
基本 信息 。 运 行 结果 如 图 3-28 所 示 。 


[=-[S-| 世 


GOWe vonoe -1 [x se 
程序 根 路 径 ，/asp3.5Sbasic/chap03 

虚拟 路 径 ”:，/asp3 Sbasic/chap03/3_3 aspx 
浏览 器 使 用 的 语言 ，zh-cn 


人 @ internet | 保护 模式 : 厅 用 


图 3-28 ” Request 对象 的 常用 属性 
主要 代码 如 下 。 


protected void Page_Load(object sender, EventArgs e) 
{ if(!IsPostBack) 
{ 
Labell. Text = Request. ApplicationPath; 
Label2. Text = Request. Path; 
Label3. Text = Request.UserLanguages[0]; 


} 
. 


4. Session 对 象 

Session 对 象 由 System. Web. SessionState 类 实现 ,主要 用 于 记载 特定 用 户 信 息 。 用 
户 对 页 面 进行 访问 时 ,ASP.NET 应 用 程序 会 为 每 一 个 用 户 分 配 一 个 Session 对 象 , 即 不 
同 用 户 拥 有 各 自 不 同 的 Session 对 象 。 由 于 Session 对 象 可 以 在 网 站 的 任意 一 个 页 面 进 
行 访问 ,所 以 常用 于 存储 需要 跨 页 面 使 用 的 信息 。 

Session 对 象 可 以 为 每 个 用 户 的 会 话 存储 信息 。Session 对 象 中 的 信息 只 能 被 用 户 自 
己 使 用 ,而 不 能 被 网 站 的 其 他 用 户 访问 ,因此 可 以 在 不 同 的 页 面 间 共享 数据 ,但 是 不 能 在 
用 户 间 共享 数据 。 

当 每 个 用 户 首次 与 服务 器 建立 连接 时 ,服务 器 就 会 为 其 建立 了 一 个 Session ,同时 服 
务 器 会 自动 为 用 户 分 配 一 个 SessionID, 用 以 标识 这 个 用 户 的 唯一 身份 。 对 于 每 个 用 户 的 
每 次 访问 Session 对 象 是 唯一 的 ,此 外 ,Session 对 象 的 有 效 性 是 受 时 间 限 制 的 。 
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1) Session 对 象 的 常用 属性 和 方法 
Session 对 象 的 常用 属性 和 方法 如 表 3-15 所 示 。 
表 3-15 Session 对 象 的 常用 属性 和 方法 


名 称 说 明 


SessionID 属性 获取 会 话 唯一 标识 符 ,存储 用 户 的 SessionID 


Timeout 属性 《以 min 为 单位 ) ,默认 为 20min 


获取 并 设置 在 会 话 状态 提供 程序 终止 会 话 之 前 各 请 求 之 间 所 人 允许 的 时 间 


Abandon 方法 取消 当前 会 话 ,清除 Session 对 象 


Session 对 象 具有 两 个 事件 : Session_OnStart 事件 和 Session_OnEnd 事件 。Session 


调用 。 
2) 使 用 Session 对 象 
(1) 使 用 Session 对 象 保存 信息 。 


恨 [基本 语法 ] 
Session [" 键 名 "] = 值 ; 
或 
Session. Add(" 键 名 ", 值 ); 
(2) 按 名 称 获取 会 话 状 态 中 的 值 。 


尼 【基本 语法 】 

变量 = Session [" 键 名 "]; 

(3) 删除 会 话 状 态 集 合 中 的 项 。 
尼 【基本 语法 】 

Session. Remove(" 键 名 ") 

(4) 清除 会 话 状态 中 的 所 有 值 。 
尼 【基本 语法 】 

Session. RemoveAll() 
或 

Session.Clear() 

(5) 取消 当前 会 话 。 
旺 【基本 语法 】 


Session. Abandon( ) 


_OnStart 事件 在 创建 一 个 Session 时 触发 ,Session_OnEnd 事件 在 用 户 Session 结束 时 被 
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(6) 设置 会 话 状态 的 超时 期 限 , 以 分 钟 为 单位 。 
恨 [基本 语法 1 

Session. TimeOut = 数值 

【 例 3-22〗 利用 Session 对 象 实现 网 站 后 台 登 录 的 身份 验证 。 在 第 一 个 页 面 中 ,用 
户 输入 用 户 名 和 密码 , 单 击 “ 后 台 管 理 ” 按 钮 后 ,将 用 户 名 和 密码 信息 保存 至 Session 对 象 
中 。 在 第 二 个 页 面 中 先 利用 Session[ "user"] 来 判断 用 户 是 否 已 登录 ,车 登录 则 出 现 “ 用 
户 注 销 ” 按 钮 ; 否则 出 现 无 权 访 问 的 提示 。 同 时 , 单 击 “ 用 户 注 销 ” 按 钮 实现 Session 对 象 
信息 清除 。 效 果 如 图 3-29 所 示 。 


Ex6-6 - Yindows Internet Exrplorer .=D x| 


Dm Er He 


用 户 信息 如 下 ， 
用 户 名 ，admin 
密码 ，123 


图 3-29 Session 对 象 


第 一 个 页 面 主要 代码 如 下 。 


<div> 用 户 名 : <asp:TextBox ID = "txtname" runat = "server" Width = "80px"></asp:TextBox> 
密码 : <asp:TextBox ID = "txtpwd" runat = "server" TextMode = "Password"></asp:TextBox> 
<asp:Button ID = "Button1”runat = "server" Text = "后 台 管理 "onclick = "Buttonl_Click"/></div> 
protected void Button1_Click(object sender, EventArgs e) 
{ 

Session[ "user"] = txtname. Text; 

Session["pwd"] = txtpwd.Text; 

Response. Redirect("Ex6 — 6(2).aspx"); 
} 


第 二 个 页 面 主要 代码 如 下 。 


<div><asp:Label ID = "lblmes" runat = "server" Text = "Label"></asp:Label > 
<asp:HyperLinkID = " hplback" runat = "server" NavigateUrl = "~/Ex6 - 6.aspx" Visible = 
"False"> 返 回 上 一 页 </asp:HyperLink> 
<asp:ButtonID= "btnquit" runat = "server" onclick = "btnquit_Click” Text = "用 户 注销 " 
Visible= "False" /> 
</div> 
protected void Page_ Load(object sender, EventArgs e) 
{ 

if (Session["user"] != null && Session["user"].ToString() != "") 

{ 
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lblmes. Text = "用 户 信息 如 下 : <br> 用 户 名 : " + Session["user"].TbString() + "<br> 
密码 : ”+ Session["pwd"].TbString(); 
btnquit. Visible = true; 
Session. Timeout = 10; 
}else 
{ 
lblmes. Text = "你 无 权 进 入 后 台 管理 !6 秒 后 自动 返回 上 页 。< br > 或 单 击 下 面 的 链接 。"; 
hplback. Visible = true; 
Response. Write("< script > setTimeout( 'window. history. back()', 6000)</script >"); 
} 
} 
protected void btnquit_Click(object sender, EventArgs e) 
{ Session.Abandon(); 
Response. Redirect("Ex6 — 6(2).aspx"); 
} 


5. Application 对 象 

Application 对 象 由 System. Web. HttpApplication 类 实现 ,主要 用 于 存储 网 站 的 共 
享 信息 。 与 Session 对 象 存 储 信息 的 方式 类 似 ,Application 对 象 也 是 将 用 户 信 息 存 储 在 
服务 器 中 。Application 中 的 信息 可 以 被 网 站 的 所 有 页 面 访 问 , 因 此 可 以 在 不 同 的 用 户 间 
共享 数据 。 

在 ASP.NET 中 ,使 用 Application 对 象 代表 ASP.NET Web 应 用 程序 的 运行 实例 。 

一 个 Web 站 点 可 以 包含 不 止 一 个 ASP.NET 应 用 程序 ,而 每 个 ASP.NET 应 用 程序 
的 运行 实例 都 可 以 由 一 个 Application 对 象 来 表达 。 可 以 将 任何 对 象 作为 全 局 变量 存储 
在 Application 对 象 中 。 

ASP.NET 应 用 程序 是 单个 Web 服务 器 上 的 某 个 虚拟 目录 及 其 子 目录 范围 内 的 所 
有 文件 、 页 .处 理 程 序 模块 和 代码 的 总 和 。 

1) Application 对 象 与 Session 对 象 的 不 同 

(1) Application 对 象 是 一 个 公用 变量 ,允许 应 用 程序 的 所 有 用 户 使 用 ; 而 Session 对 
象 只 允许 某 个 特定 的 用 户 使 用 。 

(2) Application 对 象 的 生命 周期 止 于 网 站 IIS 关闭 或 者 Clear() 方 法 清除 ; 而 
Session 对 象 的 生命 周期 止 于 用 户 页 面 的 关闭 或 者 Abandon() 方 法 清除 。 

2) Application 对 象 的 常用 事件 

Application 的 常用 事件 如 表 3-16 所 示 。 

表 3-16 ” Application 对 象 的 常用 事件 


事件 名 称 说 明 
Application_Start 在 应 用 程序 启动 时 激发 
Application_BeginRequest 在 每 个 请 求 开始 时 激发 
Application AuthenticateRequest 尝试 对 使 用 者 进行 身份 验证 时 激发 
Application_Error 在 发 生 错误 时 激发 
Application_End 在 应 用 程序 结束 时 激发 
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Application 对 象 的 事件 在 Global. asax 文件 中 进行 处 理 ,添加 用 户 自 定义 代码 。 
3) Application 对 象 的 常用 方法 
由 于 多 个 用 户 可 以 共享 一 个 Application 对 象 , 为 了 保证 用 户 在 修改 Application 对 
象 值 时 的 资源 同步 访问 ,需要 使 用 Application 对 象 的 Lock 和 Unlock 方法 进行 对 象 的 加 
锁 和 解锁 。 解 决 对 Application 对 象 的 访问 同步 问题 ,一 次 只 允许 一 个 线程 访问 应 用 程序 
状态 变量 。 
锁定 : Application. Lock()。 
解锁 : Application. Unlock() 。 
注意 : Lock 方法 和 UnLock 方法 应 该 成 对 使 用 。 
4) Application 对 象 的 基本 语法 
(1) 使 用 Application 对 象 保存 信息 。 
恨 [基本 语法 1 
Application[" 键 名 "] = 值 ; 
或 
Application. Add(" 键 名 ", 值 ); 
(2) 获取 Application 对 象 信息 。 
蝇 [基本 语法 ] 
变量 名 = Application[" 键 名 "]; 
或 
变量 名 = Application. Get(" 键 名 "); 
(3) 更 新 Application 对 象 的 值 。 
慨 [二 本 语法 ] 
Application. Set(" 键 名 ", 值 ); 
或 
Application[" 键 名 "] = 值 
(4) 删除 一 个 键 。 
恨 [语法 ] 
Application. Remove(" 键 名 ", 值 ) 
(5) 删除 所 有 键 。 
恨 [ 基 本 语法 ] 


Application. RemoveAll() 
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或 
Application. Clear() 


【 例 3-23】 使 用 Application 对 象 实现 网 站 访问 数量 统计 ,效果 如 图 3-30 所 示 。 


KDS |e oweocatoss ~ [x] 


您 是 本 网 站 的 第 2 位 访客 ， 热 烈 欢 迎 您 ! 


图 Intemet | 保护 模式: 共用 肥 100% ~ 


图 3-30 ”使 用 Application 对 象 实现 网 站 访问 数量 统计 
主要 代码 如 下 。 


<div> 您 是 本 网 站 的 第 < asp:Label ID = "lblnum" runat = "server" ForeColor = "Red"> </asp: 
Label> 

位 访客 ,热烈 欢迎 您 !</div> 

protected void Page_Load(object sender, EventArgs e) 


上 

if (Application[ "usernum"] == null) 

Application["usernum"] = 1; 

else{ 
Application. Lock(); 
Application["usernum"] = (Int32)Application["usernum"] + 1; 
Application. UnLock( ); 

} 

lblnum. Text = Application["usernum"].ToString(); 


3 


6.Cookie 对 象 

Cookie 对 象 由 System. Web. HttpCookie 类 实现 ,主要 用 于 客户 端 存储 用 户 个 人 信 
息 。Cookie 对 象 与 Session、Application 对 象 类 似 , 是 一 种 集合 对 象 ,都 是 用 于 保存 数据 。 

Cookie 就 是 Web 服务 器 保存 在 用 户 硬 盘 上 的 一 段 文本 。Cookie 允许 一 个 Web 站 
点 在 用 户 的 计算 机 上 保存 信息 并 且 随 后 再 取 回 它 。 信 息 的 片段 以 “ 键 / 值 ”对 的 形式 存储 。 

Cookie 是 保存 在 客户 机 硬盘 上 的 一 个 文本 文件 .可 以 存储 有 关 特 定 客户 端 \ 会 话 或 
应 用 程序 的 信息 。 

有 两 种 类 型 的 Cookie: 会 话 Cookie(Session Cookie) 和 持久 性 Cookie。 前 者 是 临时 
性 的 ,一 旦 会 话 状态 结束 它 将 不 复 存在 ; 后 者 则 具有 确定 的 过 期 日 期 ,在 过 期 之 前 Cookie 
在 用 户 的 计算 机 上 以 文本 文件 的 形式 存储 。 

Cookie 对 象 的 常用 属性 和 方法 如 表 3-17 所 示 。 
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表 3-17 Cookie 对 象 的 常用 属性 和 方法 


名 称 说 明 
Name 属性 获取 Cookie 变量 的 名 称 
Value 属性 获取 或 设置 Cookie 对 和 象 的 值 
Count 属性 获取 Cookies 集合 中 Cookie 对 象 的 数量 
Expires 属性 设置 Cookie 对 象 的 生命 周期 ,默认 为 1000min; 当 值 小 于 等 于 0 时 ,生命 周期 结束 
Add 方 法 创建 新 对 象 并 将 其 添加 到 Cookies 集合 中 


Cookie 对 象 不 隶属 于 Page 对 象 ,分 别 属于 Request 和 Response 对 象 ,每 一 个 
Cookie 变量 都 由 Cookies 对 象 所 管理 。 
(1) 要 保存 一 个 Cookie 变量 ,需要 通过 Response 对 象 的 Cookies 集合 。 


器 【基本 语法 】 


Response, Cookies[ "变量 名 "].Value = 值 ; 
(2) 读 取 Cookie 对 象 时 ,需要 使 用 Request 对 象 。 
恨 [基本 语法 1 


变量 = Request. Cookies[" 变 量 名 "]. Value; 


(3) 指定 Cookie 过 期 日 期 。 
8 【基本 语法 】 


Response. Cookies[ "UserName" ] . expires = new DateTime(2015, 8,30); 


或 


Response. Cookies[ "UserName" ]. Expires = DateTime. Now. AddDays(30); 


【 例 3-24】 使 用 Cookie 对 象 实现 用 户 登 录 信息 自动 填充 。 当 用 户 第 二 次 使 用 该 网 
站 时 ,用 户 名 信息 会 自动 输入 ,从 而 方便 用 户 。 用 户 单 击 “ 清 除 Cookie” 按 钮 时 ,实现 
Cookie 对 象 中 的 用 户 信息 清除 ,效果 如 图 3-31 所 示 。 

主要 代码 如 下 。 


<div> 用 户 名 : <asp:TextBox ID = "txtname" runat = "server" Width = "88px"></asp:TextBox> 
密码 : <asp:TextBox ID = "txtpwd" runat = "server" TextMode = "Password"></asp:TextBox> 
<asp:Button ID = "btnsave" runat = "server" Text = " 写 人 Cookies" onclick = "btnsave Click" /> 
<asp:Button ID = "btnclear" runat = " server”onclick = "btnclear_Click" Text = "清除 Cookie" /> 


</div> 


protected void Page_Load(object sender, EventArgs e) 


| 


if (Request. Cookies[ "mycookie" ]!= null) 
txtname. Text = Request. Cookies[ "mycookie" ]. Value; 
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360 安 全 浏 莉 器 7.1 


| 和 1GI 合 © http://localhost:64616/ 例 3-24.aspx 


请 收 ”国手 机 术 吉 夫 国学 习 国 新 绝 信 关 全 学 信 国 网 页 设计 向 初中 向 网 页 设计 


© | D localhost64616/93-24.aspx x | 十 


用 户 名 ，ladmin 


密码 ， 
[NiCooke ] 


3-31 使 用 Cookie 对 象 实现 用 户 登 录 信 息 自 动 填充 


protected void btnsave_Click(object sender, EventArgs e) 
Response. Cookies[ "mycookie" ]. Value = txtname.Text; 
Response. Cookies[ "mycookie" ] .Expires = DateTime. Now.AddDays(30); 

} 

protected void btnclear Click(object sender, EventArgs e) 

{ 

HttpCookie acookie; 

string ckname; 

int cknum = Request. Cookies.Count; 

for (int i = 0; i< cknum; i++) 

{ ckname = Request.Cookies[i].Name; 
acookie = new HttpCookie(ckname); 
acookie. Expires = DateTime. Now. AddDays( — 1); 
Response. Cookies. Add(acookie); 

} 

Response. AddHeader ("Refresh", "0"); 

} 


7. Server 对 象 


Server 对 象 提供 对 服务 器 上 的 方法 和 属性 进行 访问 ,其 类 名 称 是 HttpServerUtility。 


Server 对 象 的 主要 属性 有 以 下 两 个 。 

(1) MachineName: 获取 服务 器 的 计算 机 名 称 。 

(2) ScriptTimeout: 获取 和 设置 请 求 超时 (以 秒 计 )。 
Server 对 象 的 常用 方法 如 表 3-18 所 示 。 


wy 
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表 3-18 Server 对 象 的 常用 方法 


方 法 说 明 
CreateObject | 创建 COM 对 象 的 一 个 服务 器 实例 
Execute 执行 当前 服务 器 上 的 另 一 个 aspx 页 ,执行 完 该 页 后 再 返回 本 页 继续 执行 


HtmlEncode | 对 要 在 浏览 器 中 显示 的 字符 串 进行 HTML 编码 并 返回 已 编码 的 字符 串 
HtmlDecode | 对 HTML 编码 的 字符 串 进行 解码 ,并 返回 已 解码 的 字符 串 

MapPath 返回 与 Web 服务 器 上 指定 虚拟 路 径 相对 应 的 物理 文件 路 径 

Transfer 终止 当前 页 的 执行 ,并 为 当前 请 求 开始 执行 新 页 

将 代表 URL 的 字符 串 进 行 编码 ,以 便 通过 URL 从 Web 服务 器 到 客户 端 进行 可 靠 的 
HTTP 传输 

UrlDecode 对 已 被 编码 的 URL 字符 串 进行 解码 ,并 返回 已 解码 的 字符 串 

UrlPathEncode 对 URL 字符 串 的 路 径 部 分 进行 URL 编码 ,并 返回 已 编码 的 字符 串 


UrlEncode 


3.3.2 综合 实例 : 在 线 聊 天 室 


相信 许多 人 对 聊天 室 并 不 陌生 , 它 是 网 站 实现 用 户 互动 的 主要 手段 之 一 。 本 综合 实 
例 通过 运用 Session、Application 和 Cookie 等 ASP.NET 内 置 对 象 ,实现 在 线 聊 天 室 的 
开发 。 

1. 数据 库 表 设计 

(1) 启动 Access 数据 库 ,新 建 数据 库 ,命名 为 mychat. mdb。 

(2) 通过 “新 建 表 ”命令 ,创建 用 户 信息 表 chatmem。 表 中 字段 有 用 户 编 号 mid( 自 动 
编号 ) .昵称 mname( 文 本 ,10 个 字符 长 度 ) .密码 mpwd( 文 本 ,8 个 字符 长 度 )。 其 中 ,mid 
为 主 关键 字 。 

(3) 输入 部 分 用 户 信息 ,如 “happyday 、222”redink、111” 等 。 

(4) 检查 网 站 的 “解决 方案 资源 管理 器 ”窗口 ,是 否 存在 App_Data 系统 文件 夹 。 如 
果 不 存在 ,用 户 可 以 通过 右 击 项 目 , 选 择 快捷 菜单 中 的 “添加 ASP.NET 文件 夹 (s)” 一 
App_Data 命令 创建 。 

(5) 将 建 好 的 数据 库 文 件 mychat. mdb 移动 到 App_Data 系统 文件 夹 中 。 

(6) 检查 网 站 的 “解决 方案 资源 管理 器 ”窗口 ,是 否 存 在 Web 配置 文件 Web. config。 
如 果 不 存在 ,用 户 可 以 通过 布 击 项 目 ,选择 快捷 菜单 中 的 “添加 新 项 ”命令 。 在 “添加 新 项 ” 
对 话 框 中 选择 “Web 配置 文件 "模板 ,并 将 文件 命名 为 Web. config, 单 击 “ 添 加 ”按钮 。 

(7) 在 “解决 方案 资源 管理 器 ”窗口 中 ,双击 打开 Web. config, 找 到 二 appSettings/ 记 
节 。 把 二 appSettings/ 二 修改 为 以 下 代码 。 

<appSettings > 

<addkey = "strcon" 

value = "Provider = Microsoft. Jet. OLEDB.4.0;Data Source= |DataDirectory| mychat. mdb" /> 

</appSettings> 

(8) 在 “解决 方案 资源 管理 器 ”窗口 中 , 右 击 项 目 ,选择 快捷 菜单 中 的 “添加 新 项 ” 命 
令 。 在 “添加 新 项 ”对 话 框 中 选择 “全 局 应 用 程序 类 ”模板 ,并 将 文件 命名 为 Global. asax， 
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单 击 “ 添 加 ”按钮 。 
(9) 在 “解决 方案 资源 管理 器 "窗口 中 ,双击 打开 Global. asax, 在 Application_Start 
事件 中 ,输入 以 下 代码 。 


void Application Start(object sender, EventArgs e) 
{ Application["mcount"] = 0; 
Application[ "chatcon"] = ""; 
Application["userlist"] = "所 有 人 "; 
Appl ication. UnLock( ); 
， 


(10) 在 Session_Start 事件 中 ,输入 以 下 代码 。 


void Session Start(object sender, EventArgs e) 

{ Application.Lock(); 
Application[ "mcount"] = Convert.ToInt32(Application["mcount"].ToString()) + 1; 
Application. UnLock( ); 

} 


(11) 在 Session_End 事件 中 ,输入 以 下 代码 。 


void Session_End(object sender, EventArgs e) 
{ Application.Lock(); 
Application[ "mcount"] = Convert.ToInt32(Application["mcount"].ToString()) - 1; 
Appl ication. UnLock( ); 

} 

(12) 在 “解决 方案 资源 管理 器 ”窗口 中 , 右 击 项 目 ,选择 快捷 菜单 中 的 “添加 新 项 ” 命 
令 添 加 一 个 Web 窗 体 ,命名 为 chatlogin. aspx。 

(13) 在 页 面 中 添加 一 个 6 行 2 列 的 表格 ,将 表格 中 的 第 1.2.5 和 6 行 单元 格 进行 合 
并 。 在 第 1 行 单元 格 中 输入 “聊天 室 登录 ” ,并 设置 单元 格格 式 。 

(14) 在 第 2 行 单元 格 中 输入 “欢迎 访问 聊天 室 ,当前 在 线 人 数 : ”, 并 在 文本 后 添加 一 
个 Label 控件 ,设置 ID 属性 为 lblnum 。 

(15) 在 第 3 行 左 侧 单元 格 中 输入 "了 昵称 : ”; 右 侧 单元 格 中 添加 TextBox 控件 ,设置 
ID 属性 为 txtname; 在 右 侧 添加 RequiredFieldValidator 验证 控件 ,设置 ID 属性 为 
rqcname,ControlToValidate 属性 为 txtname,ErrorMessage 属性 为 用户 名 必须 输入 ”。 

(16) 在 第 4 行 左 侧 单元 格 中 输入 "密码 : ”; 右 侧 单元 格 中 添加 TextBox 控件 ,设置 
ID 属性 为 txtpwd,TextMode 属性 为 Password; 在 右 侧 添加 RequiredFieldValidator 验 
证 控件 ,设置 ID 属性 为 rqcpwd,ControlToValidate 属性 为 txtpwd,ErrorMessage 属性 
为 “密码 必须 输入 ”。 

(17) 在 第 5 行 单元 格 中 添加 一 个 RequiredFieldValidator 复 选 框 控件 ,设置 ID 属性 
为 ckbrem,Text 属性 为 “记录 我 的 信息 ”。 

(18) 在 第 6 行 单元 格 中 添加 两 个 Button 控件 。 第 1 个 Button 控件 的 ID 属性 为 
btnlogin,Text 属性 为 “登录 ”; 第 2 个 Button 控件 的 ID 属性 为 btncancel, Text 属性 为 
< 


ASP.NET 动 态 网 站 褒 计 与 制作 


(19) 双击 “登录 ”控件 ,输入 btnlogin_Click 单 击 事件 ,代码 如 下 。 


protected void btnlogin Click(object sender, EventArgs e) 
{ string uname = txtname. Text.Trim(); 
string upwd = txtpwd. Text.Trim(); 
string strcon = System. Configuration. ConfigurationManager. AppSettings["strcon"]. 


ToString( ); 
OleDbConnection conn = new OleDbConnection(strcon); 
string sql0 = "select count( * ) from chatmem where mname = '" + uname. ToLower() +"'and 


mpwd = '" + upwd. ToLower() +""; 
conn. Open( ); 
OleDbCommand ocmd = new OleDbCommand(sql0, conn); 
if (Convert. ToInt32(ocmd. ExecuteScalar()) > 0) 
{ if (ckbrem.Checked) 
{ Response. Cookies["ckname"]. Value = uname; 
Response. Cookies[ "ckname"]. Expires = DateTime. Now.AddDays(15); 
} 
Session["uname"] = uname; 
Application[ "userlist"] += "," + uname; 
Response. Redirect ("chatmain. aspx" ); 
} else 
Response. Write("< script >alert(' 用 户 信息 不 正确 ! ') ;</script >"); 
. 


(20) 双击 “取消 "按钮 ,输入 btncancel_Click 单 击 事件 ,代码 如 下 。 


protected void btncancel Click(object sender, EventArgs e) 
{ Response. AddHeader ("Refresh", "0");} 


(21) 双击 页 面 空白 处 ,输入 以 下 代码 。 


protected void Page Load(object sender, EventArgs e) 
{ lblnum.Text = Application["mcount"].ToString(); 
if (!IsPostBack) 
{ if (Request. Cookies["ckname"] != null) 
txtname. Text = Request.Cookies["ckname"].Value;}} 
} 


(22) 完成 上 述 操作 后 ,保存 文件 , 按 F5 键 运行 .效果 如 图 3-32 所 示 。 

(23) 在 “解决 方案 资源 管理 器 ”窗口 中 , 右 击 项 目 , 选 择 快捷 菜单 中 的 “添加 新 项 ” 命 
令 ,添加 一 个 Web 窗 体 ,命名 为 chatmain. aspx。 

(24) 在 页 面 中 添加 一 个 4 行 1 列 的 表格 。 在 第 1 个 单元 格 中 输入 “在 线 聊天 室 ”, 并 
设置 单元 格格 式 。 

(25) 在 第 2 个 单元 格 中 添加 一 个 Label 控件 ,设置 其 ID 属性 为 lblchat, 宽 度 和 表格 
宽度 一 致 ,以 及 背景 色 等 格式 ,用 于 显示 聊天 内 容 。 

(26) 在 第 3 个 单元 格 中 添加 一 个 Label 控件 ,设置 其 ID 属性 为 lblname, 用 于 显示 
当前 用 户 昵 称 信息 ,对 应 Session["uname"] 对 象 。 再 添加 一 个 DropDownList 控件 ,设置 
其 ID 属性 为 ddluser, 用 于 显示 当前 在 线 用 户 昵称 信息 ,对 应 Application[ "userlist"] 
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图 3-32 聊天 室 登录 


对 象 。 

(27) 在 第 4 个 单元 格 中 添加 一 个 TextBox 控件 ,设置 其 ID 属性 为 txtme， 
TextMode 属性 为 MultiLine, 以 及 控件 宽度 和 高 度 等 属性 ,用 于 输入 聊天 内 容 。 

(28) 在 txtme 控件 右 侧 添 加 一 个 Button 控件 ,设置 其 ID 属性 为 btnsend,Text 属性 
为 “发 送 ”。 

(29) 双击 页 面 空白 处 ,打开 后 人 台 代码 文件 chatmain. aspx. cs, 输 入 以 下 Page_Load 
事件 代码 。 


protected void Page Load(object sender, EventArgs e) 
f // 判 断 页 面 是 否 为 第 1 次 加 载 
if (!IsPostBack) 
{// 判 断 用 户 是 否 登 录 
if (Session["uname"] != null) 
{ lblname.Text = Session["uname"].ToString() + " 对 "; 
// 用 于 显示 当前 在 线 用 户 昵称 信息 
string[ ] userlist = Application["userlist"].ToString().Split(', '); 
for (int i = 0; i<userlist.Length; i++) 
ddluser. Items. Add(userlist[i]); 
// 显 示 聊 天 内 容 
lblchat. Text = Application["chatcon"].ToString(); 
} 
else 


Response. Redirect("chatlogin. aspx" ); 
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(30) 双击 页 面 中 的 “发 送 ” 按 钮 btnsend, 添 加 以 下 btnsend_Click 事件 代码 。 


protected void btnsend Click(object sender, EventArgs e) 
{ stringuser = Session["uname"].ToString(); 
string touser = ddluser.SelectedValue; 
// 采 用 加 锁 机 制 ,更 新 Application 对 象 内 容 
Application. Lock( ); 


Application["chatcon"] += "<br>" + user + "对 " + touser + "i 


Application. UnLock( ); 
lblchat. Text = Application["chatcon"].ToString(); 
} 


(31) 保存 文件 ,完成 在 线 聊 天 室 , 最 终 程序 运行 效果 如 图 3-33 所 示 。 
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图 3-33 显示 用 户 发 表 的 内 容 
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"+ txtme. Text; 


本 章 主 要 介绍 了 Web 窗 体 、.ASP.NET 服务 器 控件 和 ASP.NET 内 置 对 象 。 重 点 掌 


多 思考 与 练习 


1. 选择 题 
(1) 用 于 在 页 面 上 显示 文本 的 控件 是 (  )。 
A. Label B. TextBox C. Button 
(2) 下 面 ( ) 是 单 选 按 钮 。 
A. ImageButton B. LinkButton C. RadioButton 
(3) CheckBox 是 常用 的 控件 , 它 是 指 ( 。 )。 
A. 列表 框 B. 文本 框 C. 复 选 框 


握 ASP.NET 服务 器 控件 和 ASP.NET 内 置 对 象 的 常用 属性 .方法 和 事件 。 


D. LinkButton 


D. BulletedList 


D. 标签 
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(4) 用 于 在 ASP.NET 页 面 上 显示 图 像 的 控件 是 ( a 


A. BorderColor B. bgColor C. RadioButton D. Image 
(5) AccessKey 的 功能 是 ( $s 

A. 变量 B. 存 取 键 C. 关键 字 D. 快捷 键 
(6) 可 使 用 户 能 够 方便 地 在 网 站 的 不 同 页 面 之 间 实 现 跳 转 的 控件 是 ( ji 

A. CausesValidation B. HyperLink 

C. Checked D. SelectedIndex 


(7) 判断 用 户 通过 输入 界面 中 的 文本 框 控件 输入 的 信息 是 否 是 偶数 ,要 求 用 验证 控 
件 实现 ,需要 选择 ( ) 验 证 控件 。 


A. RequiredFieldValidator B. RangeValidator 

C. CompareValidator D. CustomerValidator 
(8) 当 整 个 页 面 被 浏览 器 读 人 时 和 触发 的 事件 是 ( 本 

A. Page_Load B. Page_Unload C. Page_Init D. Click 
(9) 下 面 ( ) 文 件 是 以 ascx 为 扩展 名 的 。 

A. 普通 的 Web 页 面 B. 母 板 页 C. 用 户 控件 D. 外 观 文件 
(10) 下 列 ( ) 验 证 控件 用 于 强制 用 户 必 须 输 入 某 一 范围 内 的 信息 。 

A. RequiredFieldValidator B. RangeValidator 

C. RegularExpressionValidator D. CustomValidator 
(11) 通过 ( 。“) 属 性 可 以 设置 Session 对 象 的 失效 时 间 。 

A. Timeout B. Timeoff C. Timeend D. Timeover 
(12) 能 实现 网 页 转向 的 方法 是 (。”)。 

A. Response. Appendheader() B. Response. Clearheaders() 

C. Response. Redirect() D. Response. Addheader() 
(13) Session 对 象 的 默认 有 效 期 为 (。)min。 

A. 10 B, 15 

C. 20 D. 应 用 程序 从 启动 到 结束 
(14) 如 果 需 要 确保 用 户 输入 大 于 30 的 值 ,应 该 使 用 ( ) 验 证 控件 。 

A. RequiredFieldValidator B. CompareValidator 

C. RangeValidator D. RegularExpressionValidator 


(15) RegularExpressionValidator 控件 的 功能 是 ( 和 
A. 用 于 验证 规则 
B. 用 于 展示 验证 结果 
C. 用 于 判断 输入 的 内 容 是 否 满足 指定 的 范围 
D. 用 于 判断 输入 的 内 容 是 否 符合 指定 的 格式 
2. 简 答题 


(1) 在 网 站 的 页 面 中 添加 控件 有 哪 两 种 方法 ? 
(2) 进入 代码 编辑 窗口 有 哪 两 种 方法 ? 


数据 库 技术 


数据 库 技 术 是 使 用 计算 机 进行 数据 管理 的 核心 技术 ,使 用 ASP.NET 进行 应 用 程序 
开发 时 ,必须 掌握 和 应 用 数据 库 原理 及 技术 。 本 章 的 主要 内 容 包 含 5 个 方面 : 数据 库 的 
基本 概念 .常用 数据 库 软 件 SQL Server 的 使 用 要 点 ,SQL 语言 .ADO. NET 对 象 模型 访 
问 操作 数据 库 的 方法 及 ASP.NET 数据 控件 的 使 用 。 


4.1 数据 库 基 础 


数据 库 技术 可 以 提高 数据 的 共享 性 ,使 多 个 用 户 能 同时 存 取 数 据 库 中 的 数据 ; 减少 
数据 的 宛 余 度 ,提高 数据 的 一 致 性 和 完整 性 ; 提供 数据 与 应 用 程序 的 独立 性 ,从 而 减少 应 
用 程序 的 维护 代价 。 目 前 ,数据 库 技术 已 经 成 为 各 种 信息 系统 的 核心 和 基础 。 


4.1.1 数据 库 技术 相关 概念 


1. 数据 库 

数据 库 (DataBase,DB) 是 数据 的 仓库 ,但 它 不 仅 包括 数据 本 身 , 而 且 包括 相关 数据 之 
间 的 联系 。 数 据 库 中 的 数据 不 只 面向 某 一 项 特定 应 用 ,而 是 面向 多 种 应 用 的 ,可 以 被 多 个 
用 户 或 多 个 应 用 程序 共享 。 

2. 数据 库 系统 

数据 库 系 统 (DataBase System, DBS) 是 指 在 计算 机 系统 中 引入 数据 库 后 的 系统 构 
成 ,一 般 由 数据 库 、 数 据 库 管 理 系 统 和 开发 工具 、 应 用 系统 、 数 据 库 管 理 员 和 用 户 构 成 。 

3. 数据 库 管理 系统 

数据 库 管理 系统 (DataBase Management System, DBMS) 是 位 于 用 户 与 操作 系统 之 
间 的 一 层 数 据 管理 软件 。 数 据 库 在 建立 、 运 行 和 维护 时 由 数据 库 管理 系统 统一 管理 ,统一 
控制 。 数 据 库 管理 系统 能 让 用 户 定义 和 操纵 数据 ,并 保证 数据 的 安全 性 、 完 整 性 ,以 及 多 
用 户 对 数据 的 并 发 使 用 和 发 生 故障 后 的 数据 库 恢复 。 


第 4 竟 数据库 靶 太 ey 


4. 数据 库 应 用 系统 

数据 库 应 用 系统 (DataBase Application System,DBAS) 是 由 系统 开发 人 员 利 用 数据 
库 系 统 资源 开发 出 来 的 ,面向 某 一 类 实际 应 用 的 应 用 软件 系统 。 

5. 关系 数据 库 

建立 在 关系 模型 上 的 数据 库 称 为 关系 数据 库 (Relational DataBase,RDB) , 它 的 核心 
是 DBMS。 关 系数 据 库 有 下 面 几 个 重要 的 概念 。 

1) 表 

关系 数据 库 中 所 有 数据 都 是 以 表 的 形式 给 出 的 ,这 个 表 就 是 关系 模型 中 的 关系 。 
表 4-1 是 一 张 学 生 信息 表 。 

表 4-1 学 生 信息 
学 号 姓名 性 别 出 生日 期 班级 专业 
20141101231 张 三 女 1995-2-2 2014DS01 电 商 


20141101232 李 四 男 1994-12-3 2014DS02 电 商 


20141101233 王 五 男 1995-6-7 2014DS02 电 商 


2) 记录 

一 个 记录 (或 者 说 一 行 ) 是 一 组 彼此 相关 的 数据 集合 。 记 录 在 关系 模型 中 称 为 元 组 。 
表 4-1 中 列 出 了 3 条 记录 。 

3) 字段 

字段 是 记录 中 单独 的 数据 子 成 分 。 表 中 的 第 一 列 称 为 一 个 字段 ,一 个 记录 是 由 若干 
字段 组 成 的 ,每 个 字段 有 自己 的 名 称 和 数据 类 型 。 在 关系 模型 中 ,字段 称 为 属性 。 

表 4-1 中 学 生 的 属性 有 6 个 , 即 学 生 表 有 6 个 字段 。 

4) 主键 

键 是 能 唯一 标识 每 个 记录 的 字段 或 字段 组 合 。 表 4-1 中 ,学 号 应 作为 该 学 生 表 的 
主键 。 

5) 外 键 

外 键 又 称 为 外 码 , 它 表示 该 字段 不 是 本 表 的 主键 ,但 它 是 另 一 张 表 格 的 主键 。 假 如 有 
另外 一 张 成 绩 表 ,里 面 也 有 学 号 这 个 字段 , 则 该 字段 的 值 应 来 自 于 学 生 表 的 主键 ,但 在 成 
绩 表 中 它 只 能 是 外 键 。 

6) 视图 

视图 是 通过 数据 库 的 命令 执行 后 得 到 的 记录 集合 ,可 以 把 视图 看 作 是 表 , 但 不 是 真正 
的 表 , 视 图 会 保存 在 数据 库 中 ,其 执行 效率 要 比 在 程序 中 执行 相同 的 命令 语句 高 。 

7) 存储 过 程 

存储 过 程 是 在 数据 库 系统 中 ,一 组 为 了 完成 特定 功能 的 命令 语句 集 , 存 储 在 数据 库 
中 。 它 经 过 第 一 次 编译 后 ,再 次 调用 不 需要 再 编译 ,用 户 通过 存储 过 程 可 完成 对 数据 库 的 
操作 ,其 效率 要 比 在 程序 中 使 用 相同 的 命令 语句 高 得 多 。 
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4.1.2 SQL 语句 


前 面 讲 到 在 SQL Server 查询 分 析 器 中 可 以 以 SQL 语句 的 方式 操作 数据 库 。 那 么 ， 
什么 是 SQL 语句 呢 ? 

1. SQL 语言 的 概述 

SQL(Structured Query Language, 结 构 化 查询 语言 ) 语 言 结 构 简洁 ,功能 强大 ,简单 
易学 。 绝 大 多 数 关 系 型 数据 库 系 统 如 Oracle、Sybase、DB2 Informix、SQL Server、Access 
等 都 支持 SQL 语言 作为 查询 语言 。 

结构 化 查询 语言 SQL 是 一 种 介 于 关系 代数 与 关系 演算 之 间 的 语言 ,其 功能 包括 查 
询 .操纵 .定义 和 控制 4 个 方面 ,是 一 个 通用 的 、 功 能 极 强 的 关系 型 数据 库 标 准 语言 。 在 
SQL 语言 中 不 需要 告诉 SQL 如 何 访问 数据 库 , 只 要 告诉 SQL 需要 数据 库 做 什么 。 

SQL 主要 分 成 以 下 4 个 部 分 。 

(1) 数据 定义 。 这 一 部 分 也 称 为 DDL, 用 于 定义 SQL 模式 .基本 表 、 视 图 和 索引 。 

(2) 数据 操纵 。 这 一 部 分 也 称 为 DML ,数据 操纵 分 成 数据 查询 和 数据 更 新 两 类 ,其 
中 数据 更 新 又 分 成 插入 、 删除 和 修改 3 种 操作 。 

(3) 数据 控制 。 这 一 部 分 也 称 为 DCL ,数据 控制 包括 对 基本 表 和 视图 的 授权 、 完 整 性 
规则 的 描述 .事务 控制 语句 等 。 

(4) 嵌入 式 SQL 使 用 。 这 部 分 内 容 涉及 SQL 语句 嵌入 在 宿主 语言 程序 中 的 使 用 
规则 。 

2. SQL 的 数据 定义 

(1) 数据 库 中 的 基本 数据 类 型 。 不 同 的 数据 库 系 统 中 ,数据 类 型 不 尽 相 同 。 表 4-2 
是 SQL Server 的 基本 数据 类 型 。 


表 4-2 SQL Server 数据 库 的 数据 类 型 (部 分 ) 


数据 类 型 描 述 存 储 
char(n) 固定 长 度 的 字符 串 。 最 多 8000 字符 n 
varchar(n) 可 变 长 度 的 字符 串 。 最 多 8000 字符 
nvarchar(n) 可 变 长 度 的 Unicode 数据 。 最 多 4000 字符 
binaryCn) 固定 长 度 的 二 进 制 数据 。 最 多 8000 字 节 
varbinary(n) | 可 变 长 度 的 二 进 制 数据 。 最 多 8000 字 节 


tinyint 允许 从 0 到 255 的 所 有 数字 1 字 节 

smallint 允许 从 一 32768 到 32767 的 所 有 数字 2 字 节 

int 允许 从 一 2147483648 到 2147483647 的 所 有 数字 4 字 节 
允许 介 于 一 9223372036854775808 和 9223372036854775807 之 间 的 

bigint 所 有 数字 8 字 节 


固定 精度 和 比例 的 数字 。 人 允许 从 一 10” 十 1 到 10” 一 1 之 间 的 数字 。 
Pp 参数 指示 可 以 存储 的 最 大 位 数 (小 数 点 左 侧 和 右 侧 )。p 必须 是 
1 一 38 之 间 的 值 。 默 认 是 18。s 参数 指示 小 数 点 右 侧 存 储 的 最 大 位 
数 。s 必须 是 0 一 p 之 间 的 值 。 默 认 是 0 


decimal(p,s) 5 一 17 字 节 
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续 表 
数据 类 型 描 述 存储 
固定 精度 和 比例 的 数字 。 人 允许 从 一 108 十 1 到 10” 一 1 之 间 的 数字 。 
Duet ney Pp 参数 指示 可 以 存储 的 最 大 位 数 (小 数 点 左 侧 和 右 侧 ) 。p 必须 是 Sl 
1 一 38 之 间 的 值 。 默 认 是 18。s 参数 指示 小 数 点 右 侧 存储 的 最 大 位 
数 。s 必须 是 0~p 之 间 的 值 。 默 认 是 0 
从 一 1.79E 十 308 到 1. 79E 十 308 的 浮动 精度 数字 数据 。 参 数 n 指 
floatCn) 示 该 字段 保存 4 字 节 还 是 8 字 节 。float(24) 保 存 4 字 节 ,而 float | 4 或 8 字 节 
(53) 保 存 8 字 节 。n 的 默认 值 是 53 
real 从 一 3.40E 十 38 到 3. 40E 十 38 的 浮动 精度 数字 数据 4 字 节 
datetime 从 1753 年 1 月 1 日 到 9999 年 12 月 31 日 ,精度 为 3.33ms 8 字 节 
smalldatetime | 从 1900 年 1 月 1 日 到 2079 年 6 月 6 日 ,精度 为 1min 4 字 节 
date 仅 存储 日 期 。 从 0001 年 1 月 1 日 到 9999 年 12 月 31 日 3 字 节 
time 仅 存 储 时 间 。 精 度 为 100ns 3 一 5 字 节 


(2) 创建 数据 库 。 
昌 【基本 语法 】 


CREATE DATABASE < 数据 库 名 称 > 


【 例 4-1】 


CREATE DATABASE scoremanage 


【示例 说 明 】 
创建 了 一 个 名 为 scoremanage 的 数据 库 。 
(3) 删除 数据 库 。 


尼 【基本 语法 】 


DROP DATABASE < 数据 库 名 称 > 


(4) 创建 新 表 。 
汉 【基本 语法 】 


CREATE TABLE < 表 名 >(< 字 段 名 称 1 >< 数 据 类 型 > [NOT NULL] [PRIMARY KEY],< 字 段 名 称 2>< 数 据 类 
型 > [not nul1],.…) 


【 例 4-2】 


完整 的 代码 请 参看 资源 包 中 的 示例 文件 . Ex4-2. sql。 


【示例 说 明 】 
在 scoremanage 数据 库 中 创建 了 4 个 数据 表 。 
表 结 构 如 下 。 


teacher(tid, name, sex, birthdate, department) 


student( sno, name, sex, birthdate, class) 
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Schooltable(crid, term, coursename, tid, class) 


Score( jd, sno, crid, score) 


这 个 数据 库 主要 用 于 学 生成 绩 管理 。 
(5) 删除 表 。 
旺 【基本 语法 】 


DROP TABLE < 表 名 > 
(6) 在 数据 表 中 添加 新 的 字段 。 
恨 [基本 语法 
ALTER TABLE < 表 名 > ADD < 字段 名 称 >< 数 据 类 型 > 
【 例 4-3】 
ALTER TABLE student ADD prof nvarchar(50) 


【示例 说 明 】 
在 student 表 中 新 加 了 一 个 字段 prof, student 表 的 结构 变 为 


student (sno, name, sex, birthdate, class, prof ) 
(7) 添加 主键 。 

蝶 [基本 语法 1 
ALTER TABLE < 表 名 > ADD PRIMARY KEY(< 字 段 名 >) 
(8) 删除 主键 。 

蝶 [基本 语法 1 
ALTER TABLE < 表 名 > DROP PRIMARY KEY( 主 键 字段 名 ) 
3. SQL 的 数据 操纵 
数据 操纵 可 分 为 数据 查询 和 数据 更 新 两 类 。 
1) SQL 的 数据 查询 


SQL 中 最 常用 的 是 从 数据 库 中 获取 数据 。 从 数据 库 中 获取 数据 称 为 数据 库 查询 , 查 
询 数 据 库 通过 使 用 SELECT 语句 实现 。 


慨 [基本 语法 1 
SELECT[ ALL|DISTINCT] [TOP N] * |< 字 段 列 表 > FROM < 表 名 1 >[,< 表 名 2>] 


[WHERE 条 件 表达 式 ][GROUP BY < 字段 名 >[HAVING< 条 件 表达 式 >]] 
[ORDER BY < 字段 名 >[ ASC|DESC]] 
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< [语法 说 明 ] 


(1) 其 中 ALL 表示 所 有 的 记录 ,默认 即 为 ALL; DISTINCT 表示 重复 的 记录 只 选取 
第 一 条 ; TOP N 表示 从 记录 中 选择 前 N 条 ; * 表示 选择 表 中 所 有 的 字段 ; 一 字段 列表 二 
表示 查询 指定 的 字段 ,字段 之 间 要 用 英文 状态 的 逗号 分 开 。 

(2) FROM 子 句 用 于 指定 一 个 或 多 个 表 , 如果 所 选 的 字段 来 自 不 同 的 表 , 则 字段 名 
前 应 加 表 名 前 级 。 

(3) WHERE 子 句 用 于 限制 记录 的 选择 。 

(4) GROUP BY 和 HAVING 子 句 用 于 分 组 和 分 组 过 滤 处 理 。 它 能 把 在 指定 字段 列 
表 中 有 相同 值 的 记录 合并 成 一 条 记录 。 如 果 在 SELECT 子 句 中 含有 SQL 合计 函数 ,如 
SUM 或 COUNT ,那么 就 为 每 条 记录 创建 摘要 值 。HAVING 子 句 用 于 对 GROUP BY 
分 组 的 记录 进行 条 件 的 筛选 。 

(5) ORDER BY 子 句 决定 查找 出 来 的 记录 的 排列 序列 。ASC 代表 升序 ,DESC 代表 
降序 。 

【 例 4-4】 


SELECT name, sex, prof, class FROM student WHERE prof = ' 电 子 商务 ' 


【示例 说 明 】 

从 学 生 表 (student) 检 索 所 有 电子 商务 专业 的 学 生 。 

实现 来 自 多 个 关系 的 查询 时 ,如 果 要 引用 不 同 关 系 中 的 同名 属性 , 则 在 属性 名 前 加 关 
系列 , 即 通 过 “关系 名 . 属性 名 ”的 形式 表示 ,以 示 区 分 。 在 多 个 关系 上 的 查询 可 以 用 连接 
查询 表示 ,也 可 用 由 套 查 询 来 表示 。 

【 例 4-5】 

SELECT AVG( score. score) FROM score 

WHERE score.crid IN (SELECT crid FROM schooltable 

WHERE coursename = ' 高 等 数学 ' AND class = '2012DS01') 

【示例 说 明 】 

查询 2012DS01 班 高 等 数学 这 门 课程 的 全 班 平均 分 数 。 

2) SQL 的 数据 更 新 

SQL 的 数据 更 新 包括 数据 插入 、 数 据 修 改 和 数据 删除 等 操作 。 

(1) 数据 插入 。SQL 的 数据 插入 使 用 INSERT 语句 。 


恨 [天 本 语法 ] 
INSERT INTO 表 名 (字段 列表 ) VALUES ( 值 列 表 ) 
< [语法 说 明 ] 
值 列 表 中 的 顺序 必须 和 表 中 的 字段 列表 一 一 对 应 。 
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【 例 4-6】 


INSERT INTO student( sno, name, sex, birthdate, class, prof) 
VALUES( '201411011208', ' 张 三 ', ' 男 ', '1993/02/01', '2014GS01', ' 工 商 管理 ') 


【示例 说 明 】 

向 学 生 表 中 添加 一 条 新 记录 。 

(2) 数据 删除 。 数 据 删除 使 用 DELETE 语句 。 
民 [基本 语法 ] 

DELETE FROM < 表 名 > WHERE < 条 件 > 

【 例 4-7】 

DELETE FROM student WHERE sno = '201411011208"' 

【示例 说 明 】 


删除 学 号 为 201411011208 的 学 生 信息 。 
(3) 数据 修改 。 数 据 修改 使 用 UPDATE 语句 。 


恨 [基本 语法 1 
UPDATE < 表 名 > SET 字段 名 1 = 值 1, 字 段 名 2 = 值 2,...WHERE < 条 件 > 
【 例 4-8】 
UPDATE STUDENT SET class = '2012DS02' WHERE sno = '201211011209' 
【示例 说 明 】 


修改 学 号 为 201211011209 的 学 生 班级 为 2012DS02。 

4. SQL 的 数据 控制 

目前 大 多 数 数据 库 系 统 都 提供 了 非常 完善 的 安全 机 制 , 一 般 采 用 基于 角色 多 级 授权 
安全 机 制 ,所 有 对 数据 库 的 操作 都 需要 高 一 级 的 授权 ,任何 级 别 的 用 户 在 使 用 数据 库 时 ， 
除了 必须 拥有 的 授权 外 ,还 必须 提供 正确 的 用 户 名 和 口令 。 在 数据 库 系 统 中 ,数据 库 系 统 
管理 员 (DBA) 负 责 完成 整个 系统 的 管理 工作 ,获得 (DBA) 授 权 的 用 户 可 以 创建 数据 库 、 
表 等 而 成 为 这 些 数 据 库 对 象 的 拥有 者 。 拥 有 者 对 自己 所 拥有 的 对 象 有 完全 控制 权 ,同时 
拥有 者 也 可 以 授权 其 他 用 户 使 用 所 拥有 的 对 象 ,当然 也 可 以 收回 授权 。 

SQL 的 数据 控制 功能 是 指控 制 用 户 对 数据 的 存 取 权利 ,语句 有 两 条 : 授权 语句 
(GRANT) 和 收回 语句 (REVOKE)。 顾 名 思 义 ,授权 语句 是 使 某 个 用 户 具 有 某 些 权限 , 收 
回 语句 是 收回 已 授权 给 用 户 的 权限 。 用 户 对 数据 的 存 取 操作 包括 增 (INSERT)、 删 
(DELETE) 、 改 (UPDATE) 和 查 (SELECT)。 只 有 被 授 子 了 某 项 操作 权限 的 用 户 才能 进 
行 某 项 操作 。 

【 例 4-9】 


GRANT ALL ON student TO suser 


种 党 - 雪 明 内 长 术 全 本 


【示例 说 明 】 
把 对 表 student 的 所 有 操作 权限 授权 给 用 户 suser。 
【 例 4-10】 


REVOKE INSERT, UPDATE, DELELTE ON student FROM suser 


【示例 说 明 】 
把 用 户 suser 对 表 student 的 更 新 权 收 回 。 


4.2 ADO. NET 


ASP.NET 使 用 的 数据 库 访问 技术 是 ADO. NET。ASP.NET 通过 ADO. NET 操作 
数据 库 的 工作 方式 如 图 4-1 所 示 。 本 节 将 重点 讲述 ADO. NET 对 象 模型 。 


本 
ASPNET ADONET Ey 


图 4-1 ASP.NET 通过 ADO. NET 访问 数据 库 


4.2.1 ADO. NET 简介 


ADO. NET 的 名 称 起 源 于 ADOCActiveX Data Objects) ,这 是 一 个 广泛 的 类 组 ,用 于 
在 以 往 的 Microsoft 技术 中 访问 数据 。 之 所 以 使 用 ADO. NET 名 称 , 是 因为 Microsoft 希 
望 表 明 ,这 是 在 . NET 编程 环境 中 优先 使 用 的 数据 访问 接口 。 

它 提供 了 平台 互 用 性 和 可 伸缩 的 数据 访问 。ADO. NET 增强 了 对 非 连接 编程 模式 
的 支持 ,并 支持 RICH XML。 由 于 传送 的 数据 都 是 XML 格式 的 ,因此 任何 能 够 读 取 
XML 格式 的 应 用 程序 都 可 以 进行 数据 处 理 。 事 实 上 ,接收 数据 的 组 件 不 一 定 就 是 
ADO.NET 组 件 , 也 可 以 是 一 个 基于 Microsoft Visual Studio 的 解决 方案 ,还 可 以 是 任何 
运行 在 其 他 平台 上 的 任何 应 用 程序 。 

ADO. NET 是 一 组 用 于 和 数据 源 进行 交互 的 面向 对 象 类 库 。 通 常情 况 下 ,数据 源 是 
数据 库 , 但 它 同样 也 能 够 是 文本 文件 .Excel 表格 或 者 XML 文件 。 

ADO. NET 允许 和 不 同类 型 的 数据 源 以 及 数据 库 进行 交互 。 然 而 并 没有 与 此 相关 
的 一 系列 类 来 完成 这 样 的 工作 。 因 为 不 同 的 数据 源 采 用 不 同 的 协议 ,所 以 对 于 不 同 的 数 
据 源 必须 采用 相应 的 协议 。 一 些 老 式 的 数据 源 使 用 ODBC 协议 ,许多 新 的 数据 源 使 用 
OLEDB 协议 ,并 且 现 在 还 不 断 出 现 更 多 的 数据 源 ,这 些 数 据 源 都 可 以 通过 . NET 的 
ADO. NET 类 库 来 进行 连接 。 

ADO. NET 提供 与 数据 源 进行 交互 的 、 相 关 的 公共 方法 ,但 是 对 于 不 同 的 数据 源 采 
用 一 组 不 同 的 类 库 。 这 些 类 库 称 为 Data Providers, 并 且 通 常 是 以 与 之 交互 的 协议 和 数据 
源 的 类 型 来 命名 的 。 
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4.2.2 ADO.NET 对 象 模型 


图 4-2 是 ADO. NET 对 象 模型 。 从 图 中 可 以 看 出 ,ADO. NET 模型 中 的 对 象 包括 用 
于 建立 与 数据 源 之 间 连 接 的 Connection 对 象 ; 负责 存储 和 执行 SQL 语句 的 Command 
对 象 ; 对 数据 进行 直接 的 、 只 读 访问 的 DataReader 对 象 ; 用 于 创建 和 操纵 DataSet 类 的 
实例 的 DataAdapter 对 象 。DataSet 是 一 个 支持 断 开 式 ,分布 式 数据 方案 的 核心 对 象 。 

从 图 4-2 还 可 以 看 出 ,以 ADO. NET 访问 数据 的 应 用 程序 ,要 依赖 某 种 . NET 数据 提 
供 程序 .. NET 数据 提供 程序 有 以 下 几 种 。 


”si 应 用 程序 


数据 集 DataSet 存 放 独 
立 于 数据 源 的 数据 


Command 对 象 负 | __|DataReader 对 象 负责 DataAdapter 对 象 
责 对 数据 库 执行 命 令 从 数据 源 读 取 数据 负责 数据 集 和 数 
据 库 的 联系 


Connection 对 象 
负责 连接 数据 库 


:NET 数据 提供 程序 


图 4-2 ADO. NET 对 象 模型 


(1) SQL Server 数据 提供 程序 ,提供 对 SQL Server 7.0 版 或 以 上 版 本 的 数据 访问 ， 
使 用 System. Data. SqlClient 空间 。 

(2) OLE DB. NET 数据 提供 程序 ,适用 于 使 用 OLE DB 公开 的 数据 源 。 使 用 
System. Data. Oledb 命名 空间 。 

(3) ODBC. NET 数据 提供 程序 ,适合 于 使 用 ODBC 公开 的 数据 源 。 使 用 System. 
Data. Odbc 命名 空间 。 

(4) Oracle. NET 数据 提供 程序 ,适用 于 Oracle 数据 源 。 使 用 System. Data. 
OracleClient 命 名 空间 。 

这 些 . NET 程序 为 Connection、Command、DataReader 对 象 提供 独 有 的 类 。 例 如 ， 
SQL Server. NET 数据 提供 程序 的 Connection 是 通过 SqlConnection 实现 的 ,OleDB. 
NET 程序 提供 的 Connection 是 通过 OledbConnection 实现 的 。 只 有 DataSet 是 一 个 共 
有 的 类 。 


4.2.3 ADO. NET 数据 访问 对 象 
由 于 .NET 数据 提供 程序 不 同 ,ADO. NET 对 象 的 名 称 也 不 相同 。 本 章 以 访问 SQL 


Server 数据 库 为 例 进行 介绍 。 
使 用 SQL Server. NET 数据 提供 程序 前 要 导入 命名 空间 System. Data 和 System. 
Data. SqlClient。 在 C# 中 使 用 以 下 语句 进行 导入 : 


using System. Data; 
using System. Data. SqlClient; 


1，Connection 对 象 


Connection 对 象 用 于 建立 与 数据 库 的 连接 。Connection 的 常用 属性 如 表 4-3 所 示 ， 
常用 方法 如 表 4-4 所 示 。 
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表 4-3 ”Connection 对 象 的 常用 属性 表 4-4 ”Connection 对 象 的 常用 方法 
属 性 说 有 明 属性 说 明 
ConnectionString | 用 来 指定 连接 的 字符 串 Open() | 打开 连接 
DataSource 用 来 获取 数据 源 的 服务 器 名 或 文件 名 Close() | 关闭 连接 
Database 用 来 指定 要 连接 的 数据 库 名 称 Be 用 来 指定 要 连接 的 数据 库 
Provide 用 来 提供 数据 库 驱 动 程序 ”| 名 称 
State Connection 对 象 当前 的 连接 状态 Provide | 用 来 提供 数据 库 驱动 程序 
【 例 4-11】 下 面 是 Connection 对 象 使 用 的 示例 代码 ,完整 代码 请 参看 资源 包 中 的 示 


例文 件 Ex4-11. aspx。 


SqlConnection con = new SqlConnection(); 
con. ConnectionString = "Data Source= 10.11.57.27;Initial Catalog" + 
"= scoremanage; User Id= sa;Password = hdwang"; 


con. Open( ); 


【示例 说 明 】 


(1) ConnectionString 指定 要 连接 数据 库 的 字符 串 , 对 于 SQL Server 而 言 , Data 
Source 代表 SQL Server 的 服务 器 名 称 .Initial Catalog 为 数据 库 的 名 称 ,User Id 是 连接 
数据 库 的 用 户 名 ,Password 为 用 户 名 对 应 的 密码 。 

(2) 编程 时 先 设置 ConnectionString 的 值 ,然后 用 Open 方法 打开 连接 ,用 完 用 Close 


关闭 。 


在 实际 编程 中 ,连接 数据 库 的 ConnectionString 值 并 不 写 在 代码 中 ,而 是 放 在 web. 
config 文件 中 , web. config 的 配置 如 下 ,ConS 是 连接 字符 串 的 名 称 。 


<configuration> 

< connectionStrings > 
<add name = "ConS" connectionString = "Data Source= 10.11.57.27; 
Initial Catalog = scoremanage;User Id = sa;Password = hdwang" 
providerName = "System. Data. SqlClient" /> 
</connectionStrings > 


</configuration> 


在 程序 中 用 System. Configuration 命名 空间 的 ConfigurationManager 读 取 上 述 配 置 
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中 的 ConS 值 。 此 时 例 4-11 中 为 ConnectionString 赋值 的 语句 就 变 为 下 面 的 代码 。 

con. ConnectionString = @System. Configuration. ConfigurationManager. 

ConnectionStrings[ "ConS"]. ConnectionString; 

【 例 4-12】 完整 代码 请 参看 资源 包 中 的 示例 文件 : Ex4-12. aspx。 

SqlConnection 对 象 也 可 以 用 下 面 的 代码 方式 进行 声明 。 

String sql = @System. Configuration. Conf igurationManager. 

ConnectionStrings[ "ConS"]. ConnectionString; 

SqlConnection con = new SqlConnecton( sql); 

【 例 4-13】 完整 代码 请 参看 资源 包 中 的 示例 文件 : Ex4-13. aspx。 

2. Command 对 象 

Command 对 象 表示 要 对 数据 库 执行 SQL 语句 或 存储 过 程 。 在 建立 了 与 数据 源 的 连 
接 后 ,可 以 用 Command 对 象 执行 命令 并 从 数据 源 中 返回 结果 。Command 对 象 的 常用 属 
性 如 表 4-5 所 示 ,常用 方法 如 表 4-6 所 示 。 

说 明 如 下 。 

(1) CommandType 默认 为 Text 时 ,CommandText 属性 应 设 为 SQL 语句 。 

(2) CommandType 设 为 StoredProcedure 时 ,CommandText 属性 应 设 为 存储 过 程 
名 称 。 

表 4-5 Command 对 象 的 常用 属性 


属 性 说 明 
CommandType 获取 或 设置 Command 对 象 要 执行 命令 的 类 型 
CommandText 获取 或 设置 对 数据 源 执行 的 SQL 语句 或 存储 过 程 名 或 表 名 
CommandTimeOut 获取 或 设置 在 终止 对 执行 命令 的 尝试 并 生成 错误 之 前 的 等 待 时 间 
Connection 获取 或 设置 此 Command 对 象 使 用 的 Connection 对 象 的 名 称 


表 4-6 ”Command 对象 的 常用 方法 


方 法 说 明 
ExecuteNonQuery | 执行 SQL 语句 并 返回 受 影 响 的 行 数 
ExecuteScalar 执行 查询 ,并 返回 查询 所 返回 的 结果 集中 第 一 行 的 第 一 列 。 忽 略 其 他 列 或 行 
ExecuteReader 执行 返回 数据 集 的 SELECT 语句 
Dispose 释放 Command 对 象 占有 的 资源 


【 例 4-14】 利用 Command 对 象 执 行 一 条 SQL 插入 记录 的 语句 ,完整 的 代码 请 参看 
资源 包 中 的 示例 文件 : 4-14. aspx。 

【示例 说 明 】 

(1) 本 例 先 建立 连接 ,然后 定义 并 实例 化 Command 对 象 ,通过 依次 设 定 connection、 
commandtext 属性 后 ,执行 ExecuteNonQuery 方法 ,完成 SQL 语句 。 使 用 完毕 后 ,应 用 
Dispose 方法 释放 Command 对 象 占 有 的 资源 。 

(2) 这 里 所 用 的 SQL 语句 只 有 更 新 和 删除 语句 ,如 果 要 使 用 SELECT 语句 , 须 配 合 
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DataReader 对 象 。 

【 例 4-15】 示例 功能 同 例 4-14, 但 定义 Command 对 象 的 方法 不 同 ,完整 的 代码 请 参 
看 资源 包 中 的 示例 文件 : 4-15. aspx。 

【示例 说 明 】 

本 例 先 建立 连接 , 设 定 要 执行 的 SQL 语句 ,然后 在 定义 并 实例 化 Command 对 象 的 
同时 指定 这 些 参数 ,这 是 定义 实例 化 Command 对 象 的 另 一 种 方式 。 

【 例 4-16】 利用 Command 对 象 调用 存储 过 程 完成 SQL 操作 。 完 整 的 代码 请 参看 
资源 包 中 的 示例 文件 : 4-16. aspx。 

操作 步骤 如 下 。 

(1) 在 SQL Server 中 建立 一 个 带 参数 的 存储 过 程 ， 
用 于 向 student 表 添 加 记录 。 

四 启动 SQL Server Management Studio, 展开 实例 
名 称 , 依 次 单 击 “ 数 据 库 ”一 scoremanage 数据 库 一 可 编程 
性 一 存储 过 程 ,在 存储 过 程 上 右 击 ,选择 快捷 菜单 中 的 “新 
建 存储 过 程 ”命令 ,如 图 4-3 所 示 。 

@ 在 查询 分 析 器 窗口 中 输入 资源 包 Ex4-16. sql 的 代 
码 ,然后 单 击 执行 命令 ,刷新 存储 过 程 后 就 可 以 看 到 新 建 
立 的 addstudent 存储 过 程 ,该 存储 过 程 用 于 向 student 表 
添加 新 记录 ,如 图 4-4 所 示 。 

(2) 在 Visual Studio 2013 中 新 建 一 个 页 面 ,编写 代 
码 完成 调用 此 存储 过 程 的 程序 ,完整 代码 请 参看 资源 包 中 “图 和 3 新 建 存储 过 程 
的 示例 文件 : Ex4-16. aspx。 


回 db。 schooltable 
回 dbo. seore 

国 dbo. student 
加 


dbo. teacher 


回 田 田 
p mBPPeeeo 


日 CREATE PROCEDURE addstudent 
@sno char (12), 
@nane nvarchar (50), 
@sex nvarchar (2), 
@birthdate snalldatetinme, 
@class nvarchar (50), 
prof nvarchar (50) 

AS 

日 BEGIN 

白 。 INSERT INTO student (sno,nane, sex,birthdate, class, prof) 
| YALUES (@sno, @nane, @sex, @birthdate, @class, @prof) 

EID 

560 


康 
此 系统 表 

了 FileTables 
回 dbo. schooltable 


回 dbo. score 
回 ao student 


图 4-4 建立 的 存储 过 程 
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【示例 说 明 】 

(1) 下 面 是 设 定 存储 过 程 参数 的 代码 部 分 : 

par = new SqlParameter( ); 

par. SqlDbType = SqlDbType.Char; 

par. Size = 12; 

par. ParameterName = "@sno"; 

par. Value = "201411011305"; 

par.Direction = ParameterDirection. Input; 

cmd. Parameters. Add( par); 

(2) SqlParameter 是 参数 对 象 ,SqlDbType 是 参数 的 数据 类 型 (要 与 存储 过 程 中 参数 
类 型 一 致 ) ,Size 是 参数 的 大 小 ,ParameterName 是 参数 的 名 称 ,Value 是 传 给 参数 的 实际 
值 ,Direction 是 参数 的 传递 方向 ,存储 过 程 中 的 参数 如 无 output 关键 词 ,一 律 为 输入 方 
向 。 将 上 述 参 数值 设 定好 后 ,用 add() 方 法 将 参数 添加 到 Parameters 集合 中 。 

3. DataReader 对 象 


DataReader 对 象 用 于 顺序 读 取 数据 ,每 次 以 只 读 的 方式 读 取 一 条 记录 ,使 用 
DataReader 对 象 不 但 节省 资源 且 效 率 很 高 。DataReader 是 抽象 类 ,因此 不 能 直接 实例 
化 ,而 是 通过 Command 对 象 的 ExecuteReader 方法 返回 DataReader 实例 。 

DataReader 的 常用 属性 见 表 4-7 ,常用 方法 见 表 4-8。 


表 4-7 DataReader 的 常用 属性 


属 性 说 明 
FieldCount 获取 当前 行 的 列 数 
Item 索引 器 属性 ,以 原始 格式 获得 一 列 的 值 
IsClose 获得 一 个 表明 数据 阅读 器 有 没有 关闭 的 一 个 值 
RecordsAffected 获取 执行 SQL 语句 所 更 改 、 添 加 或 删除 的 行 数 


表 4-8 DataReader 的 常用 方法 


方 法 说 明 
Read 使 DataReader 对 象 前 进 到 下 一 条 记录 (如 果 有 ) 
Close 关闭 DataReader 对 象 。 注 意 ,关闭 阅读 器 对 象 并 不 会 自动 关闭 底层 连接 
Get 用 来 读 取 数据 集 的 当前 行 的 某 一 列 的 数据 
NextResult 当 读 取 批 处 理 SQL 语句 的 结果 时 ,使 数据 读 取 器 前 进 到 下 一 个 结果 
GetName 用 来 获得 当前 行 某 一 字段 的 名 称 
GetValue 用 来 获得 当前 行 某 一 字段 的 值 


【 例 4-17】 利用 DataReader 对 象 显示 student 表 中 的 记录 ,完整 的 代码 请 参看 资源 
包 中 的 示例 文件 : 4-17. aspx。 

4. DataTable、DataSet 和 DataAdapter 对 象 

1) DataTable 对 象 

DataTable 对 象 是 构成 DataSet 最 主要 的 对 象 , DataTable 对 象 是 由 DataColumns 集合 、 


种 党 -寺内 长 太 和 有 


DataRows 集合 所 构成 的 。DataTable 是 内 存 中 的 “ 表 ”, 并 不 等 同 于 数据 库 中 的 原始 表 。 
DataTable 对 象 的 常用 属性 见 表 4-9, 常 用 方法 见 表 4-10。 
DataColumn 对 象 就 是 字段 对 象 ,是 组 成 DataTable 的 基本 单位 ,其 常用 属性 见 

表 4-11。 


表 4-9 DataTable 对 象 常用 的 属性 


属 性 说 明 
CaseSensitive 指示 表 中 的 字符 串 比 较 是 否 区 分 大 小 写 
Columns 获取 属于 该 表 的 列 的 集合 
Constraints 获取 由 该 表 维 护 的 约束 的 集合 
DataSet 获取 此 表 所 属 的 DataSet 以 及 DataSet 相关 信息 
DefaultView 获取 可 能 包括 筛选 视图 或 游标 位 置 的 表 的 自 定义 视图 
HasErrors 获取 一 个 值 ,该 值 指示 该 表 所 属 的 DataSet 的 任何 表 的 任何 行 中 是 否 有 错误 
Primary Key 字段 在 DataTable 对 象 中 的 功能 是 否 为 主键 
Rows 获取 属于 该 表 的 行 的 集合 
TableName 获取 或 设置 DataTable 的 名 称 


表 4-10 DataTable 对 象 常用 的 方法 


方 法 说 明 
AcceptChanges() 提交 自 上 次 调用 AcceptChanges() 以 来 对 该 表 进行 的 所 有 更 改 
Clear() 清除 所 有 数据 的 DataTable 
CloneO) 复制 DataTable 的 结构 ,包括 所 有 DataTable 架构 和 约束 


ImportRow(DataRow row) | 将 DataRow 复制 到 DataTable 中 保留 任何 属性 设置 以 及 初始 值 和 当前 值 
Merge( DataTable table) 将 指定 的 DataTable 与 当前 的 DataTable 合并 
NewRow() 创建 与 该 表 具 有 相同 架构 的 新 DataRow 


表 4-11 DataColumn 对 象 的 常用 属性 


属 性 说 明 
dataType 列 的 数据 类 型 ,为 Type 类 所 支持 的 成 员 
AllowDbNull 是 否 允 许 空 值 
AutoIncrement 是 否 自 增 
AutoIncrementSeed 自 增 的 初始 值 
AutoIncrementStep 自 增 的 递增 值 
Caption DataColumn 的 标题 
ColumnName 列 名 
DataType 数据 类 型 ,为 Type 类 所 支持 的 成 员 
DefaultValue 默认 值 
MaxLength 文本 类 型 的 最 大 长 度 
Ordinal 该 列 在 一 个 字段 集合 中 的 位 置 
ReadOnly 该 列 是 否 只 读 


Unique 该 列 值 是 否 唯一 
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【 例 4-18】 完整 代码 请 参看 资源 包 中 的 示例 文件 : Ex4-18. aspx。 

【示例 说 明 】 

(1) createdatatable 函数 可 以 通过 代码 创建 一 个 DataTable 对 象 名 称 forum, 这 个 表 
有 4 个 字段 ,articleid 是 一 个 以 1 为 起 始 , 每 次 增加 1 的 自动 编号 的 字段 ,time 是 日 期 时 间 类 
型 的 字段 ,title 和 author 都 是 字符 型 的 字段 ,同时 ,该 程序 为 这 个 表 添 加 了 两 条 记录 。 

(2) test 过 程 则 是 将 创建 的 DataTable 对 象 以 表格 的 形式 显示 在 网 页 上 。 

2) DataAdapter 对 象 

DataAdapter 对 象 用 于 提供 对 数据 集 ( 或 数据 表 ) 的 填充 和 对 更 新 的 回 传 任务 。 它 的 
常用 属性 如 表 4-12 所 示 ,常用 方法 见 表 4-13。 


表 4-12 DataAdapter 的 常用 属性 


属 性 说 明 
AcceptChangesDuringFil | 决定 在 把 行 复制 到 DataTable 中 时 对 行 所 做 的 修改 是 否 可 以 接受 
TableMappings 容纳 一 个 集合 ,该 集合 提供 返回 行 和 数据 集 之 间 的 主 映射 
CE 获取 或 设置 当 执行 的 Update() 方 法 更 新 数据 源 时 , 若 发 生 错误 是 否 继续 更 
新 。 默 认 值 为 False 


获取 或 设置 用 来 从 数据 源 删除 数据 行 的 SQL 命令 ,属性 值 必须 为 Command 
对 象 ,并且 此 属性 只 有 在 调用 Update() 方 法 且 从 数据 源 删除 数据 行 时 使 用 
获取 或 设置 将 数据 行 插入 数据 源 SQL 命令 ,使 用 原则 与 DeleteCommand 


DeleteCommand 


InsertCommand 


相同 
SelectCommand 获取 或 设置 用 来 从 数据 源 选 取 数 据 行 的 SQL 命令 
UpdateCommand 获取 或 设置 用 来 从 更 新 数据 源 的 SQL 命令 
表 4-13 DataAdapter 的 常用 方法 
方 法 说 明 
i 将 SelectCommand 属性 指定 的 SQL 命令 执行 结果 所 选取 的 数据 行 填充 到 数 
| 据 集 (或 数据 表 ) 中 


调用 InsertCommand 属性 、UpdateCommand 属性 或 DeleteCommand 属性 指 


putet> 定 的 SQL 命令 ,将 数据 集 (或 数据 表 ) 对 象 更 新 到 数据 源 中 


【 例 4-19】 完整 代码 请 参看 资源 包 中 的 示例 文件 : Ex4-19. aspx。 

【示例 说 明 】 

(1) 本 示例 演示 了 通过 DataAdapter 对 象 填充 DataTable 并 对 数据 源 进行 更 新 的 
操作 。 

(2) 利用 DataAdapter 填充 数据 表 时 使 用 的 是 SelectCommand 属性 ,本 示例 中 新 添 
加 了 一 条 记录 ,程序 中 并 无 InsertCommand 属性 的 设置 ,程序 是 如 何 将 新 添加 的 记录 更 
新 到 student 表 中 的 呢 ? 请 注意 下 面 这 行 代码 。 


SqlCommandBuilder cb = new SqlCommandBuilder(adp); 


这 行 代码 会 让 程序 根据 情况 自动 生成 InsertCommand、UpdateCommand 或 
DeleteCommand 属性 ,然后 调用 Update() 方 法 执行 这 些 SQL 命令 。 
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3) DataSet 对 象 

DataSet 对 象 是 ADO. NET 的 核心 ,是 离线 访问 技术 的 载体 ,DataAdapter 对 象 是 
DataSet 对 象 和 数据 存储 之 间 的 桥梁 。DataTable 是 DataSet 对 象 中 最 重要 的 部 分 。 
DataSet 对 象 除了 DataTable, 还 包含 主键 ,外 键 以 及 条 件 约束 等 信息 , 它 不 维持 和 数据 源 
的 连接 ,其 中 的 数据 可 以 被 存 取 、 操 作 、 更 新 和 删除 ,并 保持 与 数据 源 中 数据 一 致 。 

DataSet 对 象 使 用 无 连接 传输 模式 访问 数据 源 ,因此 在 用 户 要 求 访问 数据 源 时 ,不 需 
要 进行 连接 操作 。 同 时 ,数据 一 旦 从 数据 源 读 人 DataSet 对 象 ,数据 源 便 关闭 数据 连接 ， 
解除 数据 库 的 锁定 ,这 样 可 以 避免 多 个 用 户 对 数据 源 的 争夺 。 

DataSet 对 象 的 内 部 结构 包括 Tables、Relations 和 ExtendedProperties 3 个 集合 。 

(1) Tables 集合 。 一 个 DataSet 包含 0 或 多 个 DataTable, 这 些 DataTable 一 起 构成 
Tables 集合 。 

(2) Relations 集合 。 一 个 DataSet 包含 0 或 多 个 DataRelation 对 象 。DataRelation 
对 象 是 根据 外 键 值 在 两 个 表格 间 定 义 的 父子 关系 。 这 些 DataRelation 一 起 构成 
Relations 集合 。 

(3) ExtendedProperties 集合 。ExtendedProperties 集合 用 来 存储 与 DataSet 相关 的 
自 定义 数据 。 

DataSet 对 象 创建 的 方法 可 以 用 下 面 的 代码 。 

DataSet mydataset = new DataSet(""); 

也 可 以 用 已 经 存在 的 数据 集 创建 新 的 数据 集 对 象 , 如 : 

DataSet mydataset2 = mydataset 


可 以 通过 程序 创建 一 个 带 有 数据 的 DataSet 对 象 。 这 些 编程 方法 类 似 于 例 4-18, 创 
建 了 DataTable 后 将 其 加 入 DataSet 即 可 。 

也 可 以 利用 DataAdapter 对 象 将 数据 库 中 的 一 个 或 多 个 表 填充 到 DataSet 对 象 中 。 

【 例 4-20】 完整 代码 请 参看 资源 包 中 的 示例 文件 : Ex4-20. aspx。 

【示例 说 明 】 

本 示例 演示 了 通过 DataAdapter 对 象 将 scoremanage 数据 库 中 的 student 表 和 
teacher 表 填 充 到 DataSet 对 象 中 。 

【 例 4-21】 完整 代码 请 参看 资源 包 中 的 示例 文件 : Ex4-21. aspx。 

【示例 说 明 】 

本 示例 演示 了 通过 DataAdapter 填充 DataSet、 将 DataSet 变动 的 数据 更 新 到 数 
据 源 。 


4.3 数据 库 设 计 
在 4.2 节 中 ,建立 了 scoremanage 数据 库 ,里面 有 4 张 数据 表 。 利 用 这 个 数据 库 学 习 


了 ADO. NET 的 对 象 模型 的 编程 。 但 这 4 张 表 的 结构 有 很 多 地 方 不 符合 数据 库 的 设计 
原则 ,本 节 就 来 对 数据 库 设计 进行 分 析 和 说 明 。 
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4.3.1 数据 库 设计 的 4 个 阶段 


数据 库 设 计 是 对 一 个 给 定 的 应 用 环境 ,构造 一 个 最 优 的 数据 库 模式 ,并 据 此 建立 一 个 
能 反映 现实 世界 信息 和 信息 之 间 的 联系 , 且 满 足 用 户 对 数据 及 数据 加 工 的 要 求 的 数据 库 
及 应 用 系统 ,使 得 数据 库 既 能 有 效 ,安全 完整 地 存储 大 宗 数 据 , 又 能 满足 多 个 用 户 的 信息 
要 求 和 处 理 要 求 。 

数据 库 设 计 过 程 是 数据 库 生 命 周期 的 一 个 阶段 。 数 据 库 生命 周期 一 般 包 括 数据 库 系 
统 的 规划 、 设 计 、 实 现 、 运 行 管理 和 维护 、 扩 充 和 重 构 等 阶段 。 一 般 数据 库 设 计 可 分 为 以 下 
4 个 阶段 。 

(1) 需求 分 析 。 调 查 与 分 析 设 计 的 对 象 ,对 所 有 可 能 的 数据 库 用 户 的 数据 要 求 和 处 
理 要 求 进行 全 面 的 了 解 , 收 集 和 分 析 。 

(2) 概念 模型 设计 。 在 需求 分 析 的 基础 上 ,构造 每 个 数据 库 用 户 的 局 部 视图 ,然后 合 
并 各 局 部 视图 ,并 经 优化 后 形成 一 个 全 局 的 数据 库 公共 视图 。 这 个 公共 视图 就 是 数据 库 
的 概念 模型 。 

这 个 阶段 中 需要 采用 E-R 模型 进行 设计 , 即 画 出 概念 的 E-R 图 。E-R 图 也 称 实体 - 
联系 图 (Entity Relationship Diagram) , 它 提 供 了 表示 实体 类 型 .属性 和 联系 的 方法 ,用 来 
描述 现实 世界 的 概念 模型 。 

(3) 逻辑 设计 。 按 照 一 定 的 准则 ,将 概念 模型 转换 为 数据 库 管理 系统 能 接受 的 数据 
模型 。 

这 个 阶段 需要 将 E-R 图 转换 成 表 ,实现 从 E-R 模型 到 关系 模型 的 转换 。 在 操作 中 ， 
可 以 用 DBMS 的 DDL 进行 表 的 描述 。 

(4) 物理 设计 。 这 是 为 逻辑 数据 模型 选择 一 个 最 合适 的 物理 结构 的 过 程 。 物 理 结构 
主要 是 指数 据 库 在 物理 设备 上 的 存储 结构 和 存 取 方 法 。 


4.3.2 数据 库 设 计 的 三 大 范式 


数据 库 的 设计 范式 是 符合 某 一 种 级 别 的 关系 模式 的 集合 。 构 造 数据 库 必须 遵循 一 定 
的 规则 。 在 关系 数据 库 中 ,这 种 规则 就 是 范式 。 关 系数 据 库 中 的 关系 必须 满足 一 定 的 要 
求 , 即 满足 不 同 的 范式 。 

目前 关系 数据 库 有 6 种 范式 : 第 一 范式 (INF) 第 二 范式 (2NF) .第 三 范式 (3NF) ,第 
四 范式 (4NF) .第 五 范式 (5NF) 和 第 六 范式 (6NF)。 满 足 最 低 要 求 的 范式 是 第 一 范式 
(CINF)。 在 第 一 范式 的 基础 上 进一步 满足 更 多 要 求 的 称 为 第 二 范式 (2NF) ,其 余 范 式 以 
此 类 推 。 一 般 说 来 ,数据 库 只 需 满足 第 三 范式 (3NF) 就 行 了 。 

在 创建 一 个 数据 库 的 过 程 中 , 范 化 是 将 其 转化 为 一 些 表 的 过 程 , 这 种 方法 可 以 使 从 数 
据 库 得 到 的 结果 更 加 明确 。 这 样 可 能 使 数据 库 产生 重复 数据 ,从 而 导致 创建 多 余 的 表 。 
范 化 是 在 识别 数据 库 中 的 数据 元 素 .关系 以 及 定义 所 需 的 表 和 各 表 中 的 项 目 这 些 初始 工 
作 之 后 的 一 个 细 化 的 过 程 。 

1. 第 一 范式 (1NF) 


在 任何 一 个 关系 数据 库 中 ,第 一 范式 (1NF) 是 对 关系 模式 的 基本 要 求 , 不 满足 第 一 范 
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式 (1NF) 的 数据 库 就 不 是 关系 数据 库 。 

第 一 范式 (1NF) 是 指数 据 库 表 的 每 一 列 都 是 不 可 分 割 的 基本 数据 项 ,同一 列 中 不 能 
有 多 个 值 , 即 实体 中 的 某 个 属性 不 能 有 多 个 值 或 者 不 能 有 重复 的 属性 。 如 果 出 现 重复 的 
属性 ,就 可 能 需要 定义 一 个 新 的 实体 ,新 的 实体 由 重复 的 属性 构成 ,新 实体 与 原 实体 之 间 
为 一 对 多 关系 。 简 而 言 之 ,第 一 范式 就 是 无 重复 的 列 。 

2. 第 二 范式 (2NF) 

第 二 范式 (2NF) 是 在 第 一 范式 (INF) 的 基础 上 建立 起 来 的 , 即 满足 第 二 范式 (2NF) 
必须 先 满足 第 一 范式 (INF)。 第 二 范式 (2NF) 要 求 数据 库 表 中 的 每 个 实例 或 行 必 须 可 以 
被 唯一 地 区 分 。 为 实现 区 分 通常 需要 为 表 加 上 一 个 列 , 以 存储 各 个 实例 的 唯一 标识 。 这 
个 唯一 属性 列 被 称 为 主 关键 字 或 主键 、. 主 码 , 像 学 生 表 中 的 学 号 或 教师 表 中 的 工 号 就 是 如 
此 的 设计 。 

第 二 范式 (2NF) 要 求实 体 的 属性 完全 依赖 于 主 关键 字 。 完 全 依赖 是 指 不 能 存在 仅 依 
赖 主 关键 字 一 部 分 的 属性 ,如 果 存 在 ,那么 这 个 属性 和 主 关键 字 的 这 一 部 分 应 该 分 离 出 来 
形成 一 个 新 的 实体 ,新 实体 与 原 实体 之 间 是 一 对 多 的 关系 。 为 实现 区 分 通常 需要 为 表 加 
上 一 个 列 , 以 存储 各 个 实例 的 唯一 标识 。 简 而 言 之 ,第 二 范式 就 是 非 主 属性 非 部 分 依赖 于 
主 关键 字 ,通俗 地 讲 , 可 以 称 为 第 三 范式 就 是 无 重复 的 行 。 

3. 第 三 范式 (3NF) 

满足 第 三 范式 (3NF) 必 须 先 满足 第 二 范式 (2NF)。 简 而 言 之 ,第 三 范式 (3NF) 要 求 
一 个 数据 库 表 中 不 包含 在 其 他 表 中 已 包含 的 非 主 关键 字 信息 。 

例如 ,课程 表 中 有 课程 的 相关 信息 ,如 课程 名 称 、 课 程 性 质 、 课 时 、 适 用 专业 等 ,在 设计 
与 课程 相关 的 表 时 ,如 学 生 选 课表 ,就 不 应 该 再 包含 量 这 些 信息 , 但 应 在 学 生 选 课表 中 有 
一 列 课程 编号 的 字段 ,需要 查询 课程 信息 时 ,利用 课程 编号 将 两 个 表 连 接 起 来 进行 查看 ， 
假如 在 设计 时 没有 建立 课程 表 , 则 根据 第 三 范式 (3NF) 应 该 构建 它 ; 否则 就 会 有 大 量 的 
数据 宛 余 。 简 而 言 之 ,第 三 范式 就 是 属性 不 依赖 于 其 他 非 主 属性 。 

在 实际 的 数据 库 设 计 中 ,并 不 一 定 要 全 部 满足 上 面 3 个 范式 。 这 是 因为 有 时 候 需 要 
在 数据 库 操作 中 提高 查询 的 效率 ,从 而 牺牲 空间 来 换取 时 间 。 


4.3.3 重新 设计 scoremanage 数据 库 
上 节 创 建 的 scoremanage 数据 库 是 一 个 用 来 进行 教学 管理 的 数据 库 , 当 时 建 了 4 个 表 : 
teacher(tid, name, sex, birthdate, department) 


student( sno, name, sex, birthdate, class,prof) 
schooltable( crid, term, coursename, tid, class) 


scorel id, sno, crid, score) 


仔细 分 析 , 这 4 个 表 建 立 的 并 不 符合 上 面 的 3 个 范式 。 像 teacher( 教 师 信 息 表 ) 中 的 
department( 部 门 ), 应 该 单 建立 一 个 部 门 表 department, 用 来 存储 部 门 的 相关 信息 。 与 此 
类 似 ,class( 班 级 ) .prof( 专 业 ) .course( 课 程 ) 都 应 该 单 建 立 表 ,score( 成 绩 ) 表 中 不 应 该 有 
schooltable( 排 课表 ) 中 的 crid( 课 表 序 号 ) 字 段 , 而 应 该 是 course( 课 程 ) 表 中 的 crcode( 课 
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程 编号 ) 字 段 。 

schooltable( 排 课表 ) 中 的 term 字段 也 有 问题 ,众所周知 ,学 校 一 般 是 按照 学 年 学 期 
进行 教学 的 ,所 以 应 单 建立 一 个 term( 学 年 学 期 表 ) ,schooltable 中 则 应 该 保留 的 是 terms 
表 中 的 termid( 学 年 学 期 编号 ) ,同时 ,score 表 也 应 该 加 一 个 termid 字段 。 

经 过 分 析 , 要 建立 的 教学 管理 数据 模型 E-R 图 如 图 4-5 所 示 。 


prof Crperty 
Pk orord [me | Pr erproperid 
profhame a es saa crproperty 
departmentname, F 
terms class | course 
PK | termid PK |classid ee PK |creode 
PK | tid 
schoolyear classname i 
term PK1| profid name FK1| crpropertyid 


Sex 

t birthdate 下 
title 
post 
degree 


cntryyear 
schooltable | wkl te 
PK|id 
PK4| termid 
PK2| crcode 
PK3| tid 
PK1| classid 


图 4-5 教学 管理 数据 模型 E-R 图 
上 面 的 E-R 图 经 过 转化 ,就 可 以 设计 为 下 面 的 10 张 数据 表 : 


department (departno, departmentname) 
course(crcode, coursename, crpropertyid) 
crperty(crpropertyid, crproperty) 
class(classid, classname, profid) 


prof (profid, profname) 
Schooltable( id, termed, 
Score( id, termed, 


code, tid, assid) 


terms( termid, schoolyear, term) 


表 中 加 实 线 下 划 线 的 字段 为 该 表 的 主键 ,加 虚线 下 划 线 的 字段 是 外 键 。 
【 例 4-22】 使 用 SQL 语句 创建 新 的 scoremanage 数据 库 中 的 数据 表 。 


§ 【小 提示 】 


为 了 同上 一 节 所 使 用 的 示例 数据 库 相 区 别 , 这 里 建立 一 个 新 的 数据 库 Hscoremanage 
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用 来 存放 这 10 张 表 。 建 表 的 SQL 语句 请 参看 资源 包 中 的 示例 文件 : Ex4-22. sql。 


4.4 ASP.NET 的 数据 控件 


本 节 讲 的 数据 控件 主要 是 用 来 显示 数据 库 信息 ,并 能 对 数据 库 进 行 操作 的 控件 。 


§ 【小 提示 】 


本 节 涉 及 的 数据 控件 ,多 数 都 位 于 控件 工具 箱 中 的 “数据 ?选项 卡 内 ,请 在 添加 控件 的 
时 候 注意 这 一 位 置 。 


4.4.1 DropDownList 控件 


DropDownList 控件 本 身 就 是 用 来 设计 下 拉 列 表 框 功能 的 普通 控件 ,但 这 个 控件 在 
做 网 页 数据 程序 时 经 常会 用 来 显示 数据 库 中 的 某 列 数据 ,以 便 用 户 操作 ,因此 在 这 里 先 做 
一 下 介绍 。 

众所周知 ,DropDownList 控件 对 于 选中 的 项 有 两 个 值 , 一 个 是 Value( 用 户 看 不 到 )、 
另 一 个 是 Text (用户 看 到 的 )。 这 对 于 数据 库 编 程 是 非常 有 用 的 。 比 如 前 面 介绍 的 
student 表 , 显 示 出 来 的 只 有 classid( 班 级 编号 ) ,并 不 显示 classname( 班 级 名 称 ) , 当 添加 
学 生 记录 时 ,总 不 能 都 去 输入 那些 编号 吧 ? 

这 时 ,就 可 以 用 DropDownList 控件 绑 定 到 class 表 , 让 每 一 项 的 text 值 为 
classname, 而 value 值 则 为 classid, 这 样 添加 学 生 记 录 时 只 要 将 选 定 项 的 value 值 作为 
classid 字段 的 对 应 值 去 操作 就 可 以 了 。 

那么 DropDownList 控件 是 如 何 能 够 做 到 上 面 所 说 的 功能 的 呢 ? 

DropDownList 控件 有 个 DataSource 属性 ,如果 将 DataSource 设置 为 已 经 填充 好 的 class 
数据 表 , 然 后 分 别 指定 DropDownList 的 DataTextField 属性 为 classname, DataValueField 为 
classid 就 可 以 了 。 

【 例 4-23】 DropDownList 控件 显示 班级 信息 ,程序 请 参看 资源 包 中 的 示例 文件 ， 
Ex4-23. aspx。 

【示例 说 明 】 

这 行 代码 是 以 对 话 框 的 形式 在 网 页 中 显示 DropDownList 控件 选 定 项 的 Text 值 和 
Value 值 。Alert 是 Javascript 脚本 ,用 于 给 出 提示 信息 (注意 信息 内 容 用 ,分 隔 )。 

Response. Write("< script > alert( ' 您 选中 的 班级 是 :"”+ dpclass. SelectedItem. Text + "班级 

编号 是 :" + dpclass. SelectedValue + "');</script >"); 

【 例 4-24】 编程 实现 添加 学 生 信 息 的 功能 ,程序 请 参看 资源 包 中 的 示例 文件 : 
Ex4-24. aspx。 

【示例 说 明 】 

(1) 本 示例 利用 ASP.NET 调用 SQL Server 的 存储 过 程 addnewstudent( 生 成 存储 
过 程 的 程序 清单 请 见 资源 包 中 的 Ex4-24. sqD) 完 成 添加 学 生 信息 的 操作 。 


1) ASP.NET 动 态 网 站 设计 与 制作 


(2) 这 个 存储 过 程 较 复杂 ,参数 中 有 个 output, 用 于 反馈 插入 记录 的 情况 。 在 这 个 存 
储 过 程 中 ,需要 先 判定 有 没有 添加 的 @sno( 学 号 ) 信 息 。 如 有 , 则 说 明 该 学 号 的 学 生 已 经 
存在 ,这 时 不 进行 插 和 人 操作; 如 果 没 有 , 才 进 行 插入 操作 。 本 例 采用 了 动态 SQL 的 执行 
方法 ,请 仔细 分 析 和 体会 ,注意 字符 串 标志 的 ,符号 在 动态 SQL 中 如 何 进行 处 理 。 

(3) 在 添加 记录 的 处 理 过 程 中 ,需要 判断 学 生 信 息 有 没有 填写 ,没有 填写 的 信息 应 给 
出 提示 ,让 操作 者 补 全 再 进行 添加 ,添加 成 功 或 不 成 功 则 给 出 相应 的 提示 。 
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SQLDataSource 是 访问 SQL Server 数据 库 的 数据 源 控件 ,使 用 它 可 以 直接 绑 定 
SQL Server 数据 库 中 的 数据 ,通过 与 其 他 数据 绑 定 控件 一 起 使 用 ,可 以 检索 、 显 示 、 编 辑 
和 排序 数据 ,完成 这 些 操作 不 必 编 写 代 码 或 只 需 写 少量 代码 。 

【 例 4-25】 使 用 SQLDataSource 数据 源 控件 和 GridView 控件 显示 Student 表 。 

(1) 在 web. config 配置 文件 中 新 建 一 个 名 为 ConSH 的 ConnectionString, 用 于 连接 
Hscoremanage 数据 库 。 

(2) 新 建 一 个 C# 的 Web 窗 体 页 面 ,命名 为 Ex4-25. aspx, 然 后 从 控件 工具 箱 的 “ 数 
据 ” 选 项 卡 中 将 SQLDataSource 控件 加 入 Ex4-25. aspx 页 面 。 

(3) 单 击 Ex4-25. aspx 页 面 上 的 SQLDataSource 控件 右 侧 的 箭头 , 单 击 弹出 的 “配置 
数据 源 ”, 出 现 选择 数据 连接 的 窗口 ,如 图 4-6 所 示 。 在 这 里 选择 刚才 建立 的 连接 
ConSH 。 


4-6 “配置 数据 源 ”选择 数据 连接 
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(4) 下 一 步 选择 要 显示 的 表 或 自 定 义 SQL 语句 用 于 配置 Select 语句 ,在 这 里 选择 
student 表 的 所 有 字段 (在 * 复 选 框 中 上 打 钧 ), 如 图 4-7 所 示 。 


图 4-7 “配置 数据 源 " 配 置 Select 语句 


(5) 下 一 步 是 测试 查询 效果 , 单 击 “ 测 试 查 询 ” 按 钮 ,会 显示 student 表 的 检索 结果 ,如 
图 4-8 所 示 。 此 时 单 击 “完成 "按钮 。 


4-8 测试 查询 效果 


(6) 将 控件 工具 箱 * 数 据 ? 选 项 卡 中 的 GridView 控件 添加 到 资源 包 中 Ex4-25. aspx 
页 面 中 , 并 为 其 DataSourceID 属性 选择 SqlDataSourcel (这 是 刚才 加 到 页 面 上 的 
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SQLDataSource 控件 的 默认 名 称 ) ,如 果 在 加 入 时 更 改 了 SQLDataSource 控件 的 名 称 ,请 
选择 更 改 后 的 名 称 。 

(7) 在 浏览 器 中 浏览 资源 包 中 的 Ex4-25. aspx 页 面 ,就 可 以 看 到 数据 显示 在 页 面 中 ， 
如 图 4-9 所 示 。 


§ 【小 提示 】 


图 4-9 中 显示 出 来 的 班级 信息 是 班级 编号 (classid) ,每 个 字段 名 称 都 不 是 中 文 , 这 些 
都 很 不 友好 , 想 想 如 何 显示 成 图 4-10 所 示 的 效果 呢 ? 


sno name |sex|classidlbirthdate| 
47200201316| 杞 富强 “| 男 |25 学 号 姓名 | 性别” 班级 出 生日 期 
47200201609| 吴 寅 秋 | 女 |25 47200201316| 杨 富强 | 男 |2003 普 营 
47200202102| 周 宇 菲 | 男 |81 47200201609| 吴 宽 秋 “| 女 12003 普 营 
47200202113| 李 胸 。 | 男 30 47200202102| 周 宇 菲 “| 男 |2004 药 剂 G) 
47200202206| 张 若 。 | 男 |14 47200202113| 李 隐 ”| 男 “12003 中 药 暑期 
47200202233| 张 宏 峰 “| 男 30 47200202206| 张 若 ” | 男 12004 中 药 Q2) 

图 4-9 浏览 资源 包 中 的 EX4-25. aspx 效果 图 4-10 学 生 信息 显示 效果 


【 例 4-26】 完成 图 4-10 的 显示 效果 设计 ,答案 请 参看 资源 包 中 的 示例 文件 : 
Ex4-26. aspx 页 面 。 

【示例 说 明 】 

GridView 是 一 个 以 表格 形式 展示 数据 的 控件 ,其 DataSourceID 绑 定数 据 源 控件 后 ， 
会 自动 展示 数据 源 。 

SQLDataSource 控件 和 GridView 控件 配合 不 仅 可 以 显示 数据 ,还 可 以 对 数据 进行 
更 新 和 删除 。 

【 例 4-27】〗 使 用 SQLDataSource 数据 源 控件 和 GridView 控件 对 Student 表 中 的 记 
录 进 行 删 除 和 修改 。 

(1) 重复 例 4-25 中 的 步骤 (1) 一 (6) ,建立 一 个 能 显示 student 表 的 Ex4-27. aspx 页 
面 ( 见 资源 包 ) 。 

(2) 选中 GridView 控件 ,在 属性 窗口 中 将 其 AutoGenerateDeleteButton 的 属性 改 为 
True, 将 AutoGenerateEditButton 的 属性 改 为 True。 这 两 个 属性 的 作用 是 分 别 显示 删 
除 和 编辑 两 个 链接 按钮 ,如 图 4-11 所 示 。 

(3) 选中 SQLDataSource 控件 ,在 属性 窗口 中 找到 DeleteQuery 属性 , 单 击 该 属性 右 
侧 的 按钮 ,弹出 命令 和 参数 编辑 器 窗口 。 在 参数 部 分 单 击 “* 添 加 参数 " ,将 名 称 改 为 sno， 
然后 在 “参数 源 ” 下 拉 列 表 框 中 选择 QueryString, DefaultValue 的 值 可 以 不 用 填 , 在 
“DELETE 命令 ” 框 中 输入 delete from student where sno 一 @sno, 如 图 4-12 所 示 ,完成 
后 单 击 “ 确 定 ” 按 钮 。 

(4) 同时 ,利用 命令 和 参数 编辑 器 编辑 UpdateQuery 属性 ,如 图 4-13 所 示 。 

(5) 运行 资源 包 中 Ex4-27. aspx 页 面 , 试 着 对 记录 进行 添加 和 删除 的 操作 。 

【示例 说 明 】 

(1) 设计 的 student 表 一 定 要 有 主键 (这 张 表 的 主键 是 sno) ;否则 不 能 进行 删除 和 更 


EECIIB 


[slete from student where sno-@rno 


classid 
birthdate 


指定 QueryString?. 
指定 QueryString 
指定 queryStrine 
指定 QueryStringy 


| sno name Sex irthdatel 
绊 定 数据 绊 定 数据 绑 定 | 定 
绽 缉 定数 据 绑 定 数据 绑 定 | 定 
数据 绪 定 ， 了 定 | 
护驾 _ 制 际 数据 绑 定 数据 绑 定 | 
Gridyierl System Web. UT NebControls. Gridyiew 
哇 区 ][ 加 ?2 
加 ternatineRonStyle 
AntoenerateColmns Palse 
AntoGenerateDeleteButton True 
Tree 加 


图 4-13 ”UpdateQuery 命令 和 参数 编辑 器 
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新 操作 。 

(2) 当 将 SQLDataSource 控件 绑 定 到 数据 表 时 ,SQLDataSource 控件 会 自动 识别 主键 ， 
这 样 GridView 控件 绑 定 SQLDataSource 控件 后 ,GridView 控件 的 Datakeynames 会 自动 设 
置 为 主键 (sno) 。 

(3) 当 设 置 了 GridView 控件 的 AutoGenerateDeleteButton 为 True 后 ,GridView 会 
显示 删除 列 , 当 用 户 单 击 某 一 行 的 删除 按钮 后 ,GridView 会 自动 将 要 删除 的 列 的 主键 以 
QueryString[ 主 键 值 ] 的 形式 传递 给 SQLDataSource 控件 ,由 于 设置 了 SQLDataSource 
的 DeleteQuery 属性 ,SQLDataSource 能 够 自动 将 主键 值 以 QueryString 的 方式 接收 过 
来 , 赋 给 参数 sno, 然 后 调用 Delete 语句 ,删除 指定 的 主键 对 应 的 记录 。 

(4) DeleteQuery 中 的 Delete 语句 中 的 @sno 代表 的 是 接收 过 来 的 参数 的 实际 值 。 

(5) 更 新 操作 原理 类 似 于 删除 操作 ,只 不 过 更 新 操作 要 传递 多 个 参数 。 


4.4.3 GridView 控件 


GridView 控件 用 于 显示 数据 ,并 通过 一 定 的 设计 允许 对 数据 源 进行 更 新 、 删 除 等 操 
作 。GridView 控件 还 支持 分 页 显示 。 

它 绑 定数 据 的 方式 有 两 种 。 

(1) 通过 该 控件 的 DataSourceID 属性 进行 数据 绑 定 。 

(2) 通过 该 控件 的 DataSource 属性 进行 数据 绑 定 。 

使 用 DataSourceID 属性 ,一 定 要 绑 定 到 数据 源 控件 ,这 种 方式 较为 简单 ,几乎 不 用 写 
代码 ,但 功能 相对 来 说 比较 有 限 。 使 用 DataSource 属性 进行 绑 定 ,可 以 绑 定 到 ADO. 
NET 的 数据 集 或 数据 表 , 但 这 种 方式 对 所 有 的 操作 都 要 编写 代码 来 实现 。 

在 讲 SQLDataSource 控件 中 已 经 接触 到 了 GridView 控件 ,下 面 通过 编程 实例 来 深 
入 学 习 GridView 控件 。 

1. 分 页 技术 

运行 例 4-25 时 大 家 会 发 现 , 如 果 student 表 中 的 记录 很 多 时 ,删除 操作 会 显得 很 慢 ， 
这 主要 是 由 于 GridView 一 次 显示 了 student 表 中 的 所 有 记录 ,用 户 既 不 得 翻 看 ,而 且 对 
数据 库 的 操作 效率 也 很 低 。 通 常情 况 下 ,会 对 GridView 进行 分 页 显示 , 即 每 次 只 显示 其 
中 的 一 部 分 记录 ,然后 通过 翻 页 的 方式 浏览 其 他 记录 。 

当 设置 了 GridView 控件 的 分 页 属性 后 就 可 以 进行 分 页 显示 了 。 这 些 属性 见 


表 4-14。 
表 4-14 GridView 控件 的 分 页 相关 属性 

属 性 说 明 
AllowPaging 当 为 True 时 允许 分 页 显示 ,默认 为 False 
PageSize 每 页 显示 的 记录 数目 ,默认 是 10 
Mode 分 页 的 显示 方式 
FirstPageText 分 页 时 第 一 页 链接 的 显示 文字 
LastPageText 分 页 时 最 后 一 页 链接 的 显示 文字 
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续 表 

属 性 说 明 
NextPageImageUrl 分 页 时 下 一 页 链接 的 显示 文字 
PreviousPageImageUrl 分 页 时 上 一 页 链接 的 显示 文字 
position 分 页 链接 显示 的 位 置 
FirstPageImageUrl 当 以 图 形 方式 显示 分 页 文字 时 ,第 一 页 的 显示 图 片 
LastPageImageUrl 当 以 图 形 方式 显示 分 页 文字 时 ,最 后 一 页 的 显示 图 片 
FirstPageImageUrl 当 以 图 形 方式 显示 分 页 文字 时 ,第 一 页 的 显示 图 片 
NextPageImageUrl 当 以 图 形 方式 显示 分 页 文字 时 ,下 一 页 的 显示 图 片 
PreviousPageImageUrl 当 以 图 形 方式 显示 分 页 文字 时 ,上 一 页 的 显示 图 片 
PageIndex 确定 当前 所 显示 页 面 的 索引 或 以 编程 方式 更 改 显 示 的 页 面 


【 例 4-28】 在 例 4-27 的 基础 上 对 student 表 进 行 分 页 显示 ,每 页 显示 5 条 记录 。 

【示例 说 明 】 

(1) 将 GridView 的 AllowPaging 改 为 True。 

(2) 将 PageSize 改 为 5。 

【 例 4-29】 在 例 4-28 的 基础 上 对 分 页 样式 进行 设 定 。 请 参见 Ex4-29. aspx 页 面 ( 见 
资源 包 ) 。 

2. DataSource 方式 绑 定数 据 

【 例 4-30】 DataSource 绑 定 方式 绑 定 到 student 表 , 并 分 页 显示 ,请 参见 Ex4-30. 
aspx 页 面 ( 见 资源 包 ) 。 

【示例 说 明 】 

(1) 在 新 建 的 页 面 上 只 需 添 加 一 个 GridView 控件 ,并 设置 其 AllowPaging 为 True。 

(2) Bind() 是 自 定义 的 绑 定 GridView 到 数据 表 student 的 过 程 。 

(3) GridView1l_PageIndexChanging 是 翻 页 时 发 生 的 事件 ,GridView1. PageIndex 一 
e. NewPageIndex; 这 句 代 码 是 将 GridViewl 的 当前 页 设置 为 用 户 选择 的 页 面 。 通 过 编程 
的 方式 分 页 时 一 定 要 重新 调用 bind() 过 程 。 

3. 自动 生成 列 和 绑 定 列 

在 前 面 的 示例 中 , 当 GridView 控件 绑 定 到 数据 源 后 ,运行 时 自动 显示 数据 源 的 数 
据 , 这 是 由 于 在 默认 状态 下 ,GridView 控件 的 AutoGenerateColumns 属性 为 True, 这 个 
属性 决定 GridView 控件 绑 定 到 数据 源 时 是 否 自动 产生 列 。 如 果 把 它 改 为 False， 
GridView 就 不 会 自动 产生 列 了 。 

使 用 自动 生成 列 的 功能 虽然 方便 ,但 也 有 很 多 问题 ,比如 显示 的 是 数据 库 中 数据 的 原 
始 格式 ,有 时 可 能 需要 改变 数据 的 显示 方式 ,还 有 就 是 有 些 字 段 不 想 显示 ,需要 隐藏 ,这样 
就 不 能 使 用 自动 生成 列 了 ,而 是 可 以 采用 定制 列 的 方式 来 进行 数据 的 显示 。 

【 例 4-31】 在 例 4-30 的 基础 上 对 GridView 进行 编辑 列 ,定制 自己 需要 的 列 。 请 参 
见 Ex4-31. aspx 页 面 ( 见 资源 包 )。 

(1) 重复 例 4-30 的 步骤 ,将 GridView 绑 定 到 student 表 , 然 后 在 “设计 ”视图 中 单 击 


' 
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GridView 控件 右 侧 的 箭头 ,在 GridView 任务 中 选择 “编辑 列 ”, 进 入 定制 列 设置 框 ,如 
图 4-14 所 示 。 


图 4-14 ”GridView 绑 定 列 窗口 


(2) 将 左下 方 的 “自动 生成 字段 ”前 面 的 钩 去 掉 , 在 可 用 字段 上 选择 BoundField, 然 后 
单 击 “ 添 加 ”按钮 ,此 时 在 “ 选 定 的 字段 "中 会 出 现 一 个 boundfield 字段 名 称 , 选 中 它 ,在 右 
侧 的 BoundField 属性 中 将 DataField 属性 设置 为 sno, 将 HeaderText 属性 设置 为 “学 
号 ”, 依 次 添加 name( 姓 名 ) 、sex( 性 别 )、birthdate( 出 生日 期 ) ,然后 单 击 “确定 ”按钮 。 

(3) 运行 Ex4-31. aspx 页 面 ,观察 结果 。 

【示例 说 明 】 

(1) DataField 是 数据 源 中 的 字段 名 称 , 当 GridView 控件 通过 设置 DataSource 绑 定 
到 数据 源 时 ,该 绑 定 列 就 会 自动 显示 该 字段 对 应 的 记录 值 。 如 果 数 据 源 中 没有 这 个 字段 
名 称 , 则 会 发 生 错误 。 

(2) HeaderText 是 GridView 控件 中 字段 标 头 的 文本 。 即 显示 的 字段 名 称 可 以 不 是 
数据 源 中 的 真实 字段 名 称 ,类似 于 DataColumn 中 的 caption 属性 。 

(3) 通过 这 种 绑 定 列 的 方式 ,可 以 隐藏 不 需要 看 到 的 列 , 同时 ,利用 
DataFormatString 属性 ,还 可 以 对 字段 显示 的 方式 进行 设置 。 

【 例 4-32】 用 DataFormatString 设置 出 生日 期 的 格式 ,请 参见 Ex4-32. aspx 页 面 
( 见 资 源 包 ) 。 

【示例 说 明 】 

注意 以 下 设置 : 


DataFormatString:{0:yyyy — MM — dd} 
4. 使 用 模板 列 


GridView 控件 可 以 使 用 TemplateField (模板 字 段 ) 来 扩展 功能 。TemplateField 允 
许 每 一 列 定义 一 个 完全 定制 的 模板 ,在 模板 中 可 以 加 入 控件 标记 、.HTML 元 素 以 及 数据 
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表达 式 等 , 即 可 以 按照 自己 的 需要 来 布置 GridView 控件 ,这 使 得 GridView 控件 具有 了 
强大 的 功能 。 

【 例 4-33】 使 用 模板 列 功 能 完成 学 生 信 息 的 显示 、 更 新 和 删除 功能 。 请 参见 
Ex4-33. aspx 页 面 ( 见 资源 包 ) 。 

(1) 新 建 C# 的 网 站 Web 窗 体 ,重复 例 4-31 的 步骤 ,将 classid( 班 级 编号 ) 字 段 也 添 
加 进 绑 定 列 。 

(2) 在 GridView 的 绑 定 列 窗口 (图 4-14) ,选择 name 绑 定 列 , 单 击 右 上 方 的 “将 此 字 
段 转换 为 TemplateField" 链 接 ,此 时 name 列 就 转化 为 模板 列 了 。 按 照 此 方式 ,将 除 sno 
字段 外 的 其 他 字段 全 部 转化 为 模板 列 。 

(3) 当 退 出 绑 定 列 窗口 后 ,再 次 单 击 GridView 右上 方 的 箭头 ,在 GridView 任务 中 选 
择 “ 编 辑 模板 ”,GridView 任务 就 进入 了 模板 编辑 模式 ,如 图 4-15 所 示 。 

(4) 单 击 图 4-15 所 示 的 “显示 ”下 拉 列 表 框 按钮 ,可 以 看 到 模板 列 中 显示 的 所 有 模 
板 。 如 图 4-16 所 示 。GridView 各 模板 的 含义 见 表 4-15。 在 使 用 模板 列 后 , 当 看 到 数据 
显示 的 状态 时 , GridView 会 启用 ItemTemplate 模板 ,默认 情况 下 ,每 个 模板 中 是 一 个 
Label 控件 ,只 用 来 显示 绑 定 的 字段 所 对 应 的 记录 值 , 而 当 GridView 进入 编辑 模式 后 ,就 
会 启用 EditItemTemplate 模板 ,默认 情况 下 每 个 模板 中 是 一 个 文本 框 控件 ,用 户 在 此 可 
以 修改 记录 。 


各 ternatingItenTenplate 
EditItenTenplate 
HeaderTenplate 
FooterTenplate 


图 4-15 GridView 的 编辑 模板 图 4-16 模板 列 内 容 


表 4-15 GridView 控件 的 模板 


模板 名 称 说 明 
ALternatingItemTemplate 间隔 行 模板 
EditItemTemlpate 编辑 行 模板 
FooterTemplate 脚注 模板 
HeaderTemplate 标题 模板 
ItemTemplate 每 个 显示 行 模板 


(5) 如 图 4-17 所 示 ,选择 姓名 字段 的 EditItemTemplate 模板 ,如 图 4-18 所 示 ,里面 
有 一 个 文本 框 控件 ,选中 它 , 将 其 ID 改 为 txtname, 如 图 4-18 所 示 。 


图 4-17 EditItemTemplate 模板 中 的 文本 框 控件 


Ey 5 
GridYiewl.Colunnl 姓 名 . EditItenTenplate. txtnane 
Gridyiewl ~ Colunn[1] - 姓名 Gridyiew 任务 
ER Ee 本 国庆 
enTenplate 本 am txtnane 
27 EC Accesskey 
结束 模板 编辑 AntoConpleteType one 


AutoPostBack False 


4-18 修改 模板 中 控件 属性 
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(6) 按照 步骤 (5) 的 操作 方法 ,依次 将 绑 定 到 sex、birthdate、classid 字段 的 
EditItemTemplate 模板 中 的 文本 框 ID 改 为 txtsex、txtbirthdate、txtclassid。 然 后 退出 模 
板 编辑 模式 。 

(7) 添加 GridView 控件 的 DataKeyNames 属性 值 sno, 然 后 单 击 GridView 任务 , 进 
入 编辑 列 ,选择 CommandField 字段 ,添加 “编辑 “更 新 “取消 ”和 “删除 ”两 列 , 如 图 4-19 所 
示 。 然 后 单 击 “ 确 定 ” 按 钮 。 


4-19 添加 CommandField 字段 


(8) 进入 后 台 代码 窗口 ,依次 为 GridViewl_RowEditing .GridView1l_RowDeleting、 
GridViewl_RowUpdating 事件 编写 代码 。 具 体 代码 见 Ex4-33. aspx( 见 资源 包 ) 。 

(9) 保存 文件 ,运行 页 面 ,测试 更 新 、 删 除 的 操作 ,观察 结果 。 

【示例 说 明 】 

(1) DataKeyNames 属性 是 指定 主键 ,这 样 , 当 删除 或 编辑 GridView 的 某 一 行 时 , 通 
过 GridViewl. DataKeys[e. RowIndex]. Value. ToString() 就 可 以 得 到 该 行 对 应 的 sno 
值 了 。 

(2) GridViewl] _ RowEditing 是 进入 编辑 状态 的 事件 , GridView1. EditIndex 一 
e. NewEditIndex 将 当前 行 设 为 编辑 状态 , 即 该 行 显示 为 EditItemTemplate 模板 。 

(3) GridViewl]_RowDeleting 是 记录 删除 事件 ,利用 DataKeys 属性 得 到 要 删除 的 
sno 值 ,利用 Command 对 象 执行 Delete 语句 ,从 而 删除 数据 源 中 的 该 条 记录 。 

(4) GridViewl_RowUpdating 是 更 新 记录 的 事件 。 该 事件 的 代码 是 在 处 于 编辑 状 
态 中 的 EditItemTemplate 模板 中 依次 找 出 记录 值 所 对 应 的 文本 框 中 的 内 容 ,然后 利用 
Update 语句 执行 更 新 操作 。 下 面 的 代码 是 在 模板 行 中 查找 姓名 所 对 应 的 文本 框 , 然 后 得 
到 文本 框 中 修改 的 字段 值 ( 步 又 (5)、(6) 修 改 EditItemTemplate 中 文本 框 的 名 称 就 
是 为 此 ) 。 


GridViewRow myrow = GridView1. Rows[e.RowIndex]; 
TextBox mybox; 
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mybox = (TextBox)myrow.FindControl("txtname"); 

String name = mybox.Text; 

【 例 4-34】 在 模板 中 使 用 DropDownList 控件 。 请 参见 Ex4-34. aspx 页 面 ( 见 资 
源 包 ) 。 

【示例 说 明 】 

(1) 在 例 4-33 中 ,性 别 、 班 级 编号 字段 在 更 新 时 需要 输入 ,这 显然 不 符合 用 户 需 求 ， 
应 该 提供 下 拉 列 表 框 ,让 用 户 通 过 选择 的 方式 进行 输入 。 操 作 步 又 同 例 4-33 基本 一 样 ， 
需要 在 将 这 两 个 字段 的 EditItemTemplate 模板 列 中 的 文本 框 删除 , 换 为 DropDownList 
控件 。 

(2) 性 别 的 DropDownList 可 以 直接 添加 Items, 对 于 班级 编号 的 DropDownList, 需 
要 绑 定 到 class 表 。 这 个 绑 定 过 程 可 以 利用 一 个 SqlDataSource 控件 完成 。 

(3) 切换 到 源 视图 ,分 别 对 dpsex 和 dpclass 控件 添加 以 下 代码 : 

selectedValue = '<% #Bind("sex") %>" 

selectedValue = '<% #Bind("classid") %>"' 

这 两 行 代码 的 作用 是 在 运行 时 将 dpsex 和 dpclass 与 数据 源 对 应 的 值 绑 定 ,以 显示 数 
据 源 中 的 字段 对 应 值 。 

(4) 在 RowUpdating 事件 中 ,注意 取 控 件 值 的 写法 有 所 变化 ,因为 性 别 和 班级 编号 
已 经 变 成 了 DropDownList 控件 。 

运行 结果 类 似 于 图 4-20。 


学 号 姓名 性 别 出 生日 期 班级 编号 
2 4 时 |1988-09-07 3 编辑 。 ”| 聘 除 
2555 544 | 男 |1995-02-01 加 编辑 ”出 除 | 
了 ”ph 大 加 [str ooosaF 局 更 新 取消 
4710012 myname2 | 加 |2007-10-05 s 编辑 ”出 除 


图 4-20 绑 定 了 DropDownList 控件 的 GridView 运行 界面 


5. 转 到 详细 页 

GridView 控件 是 以 表格 的 形式 显示 数据 ,有 时 还 会 根据 情况 隐藏 某 些 字段 ,可 能 需要 
转 到 一 个 详细 页 来 显示 完整 的 记录 。 转 跳 的 方法 是 在 GridView 中 使 用 HyperLinkField 列 。 

【 例 4-35】 在 模板 中 使 用 HyperLinkField。 本 示例 有 Ex4-35. aspx 和 Ex4-35- 
showstudent. aspx 两 个 页 面 ( 见 资源 包 ) 。 

【示例 说 明 】 

(1) Ex4-35. aspx 页 中 的 GridView 控件 编辑 列 时 ,姓名 采用 HyperLinkField 列 , 设 
置 其 属性 如 图 4-21 所 示 。DataNavigateUrlFormatString 属性 中 设置 的 Ex4-35- 
showstudent. aspx sno 一 {0} 是 用 于 跳 转 到 Ex4-35-showstudent. aspx 页 面 ,并 将 对 应 行 
的 sno 值 传递 过 去 。 

(2) Ex4-35-showstudent. aspx 页 是 显示 详细 信息 页 ,设计 这 个 页 面 时 在 上 面 添加 一 
个 DetailsView 控件 ,然后 编写 代码 填充 这 个 控件 就 可 以 了 。String s 一 Request 
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图 4-21 设置 HyperLinkField 属性 的 值 


[L"sno"]. ToString(); 这 行 代 码 是 用 于 接收 从 Ex4-35. aspx 页 面 ( 见 资源 包 ) 传 递 的 
sno 值 。 


4.4.4 DetailsView 控件 


该 控件 能 以 表格 形式 详细 显示 每 一 行 数 据 中 各 个 数据 字段 的 值 。 其 表格 只 包含 两 个 
数据 列 ; 一 个 数据 列 逐 行 显示 数据 列 名 ; 另 一 个 数据 列 显示 与 对 应 列 名 相关 的 详细 字段 
信息 。 

DetailsView 控件 支持 数据 源 控件 ,内 嵌 了 对 于 显示 、 编 辑 .插入 或 删除 的 支持 。 

在 例 4-35 中 已 经 接触 到 了 DetailsView 控件 显示 记录 的 编程 方法 , 下面 用 这 个 控件 
编辑 teacher 表 。 

【 例 4-36】 采用 DetailsView 控件 编辑 teacher 表 , 详 见 Ex4-36. aspx 页 面 ( 见 资 
源 包 ) 。 

(1) 新 建 Web 窗 体 页 面 ,添加 SqlDataSource 控件 和 DetailsView 控件 。 

(2) 在 配置 SqlDataSource 的 数据 源 为 表 teacher, 并 分 别 设置 INSERTQUERY、 
UPDATEQUERY .DELETEQUERY 属性 。 

(3) 将 DetailsView 控件 的 DataSourceID 属性 设 为 SqlDataSourcel, 单 击 
DetailsView 控件 右上 方 的 箭头 ,在 DetailsView 任务 中 选中 “启用 分 页 ”启用 插入 ”“ 启 
用 编辑 "和 “启用 删除 ” 复 选 框 。 

(4) 运行 该 页 面 ,观察 现象 。 


4.4.5 ”FormView 控件 


该 控件 与 DetailsView 控件 类 似 ,用 于 一 次 从 其 关联 的 数据 源 呈 现 一 条 记录 ,同时 可 
选择 显示 分 页 按钮 ,以 在 记录 之 间 进 行 导航 。 但 FormView 控件 要 求 用 户 使 用 模板 定义 
每 项 的 列表 呈现 ,因此 具有 更 大 的 灵活 性 。 


种 剖 _ 雪 内 攻 大 和 二) 


【 例 4-37】 采用 SqlDataSource 和 FormView 控件 编辑 teacher 表 , 详 见 Ex4-37. 
aspx 页 面 ( 见 资源 包 ) 。 


4.4.6 Repeater 控件 


Repeater 控件 可 以 将 数据 依照 所 制定 的 格式 逐一 显示 出 来 ,这 个 预先 定好 的 格式 就 
是 “模板 ”"。Repeater 的 模板 同 GridView 控件 的 模板 是 类 似 的 ,但 Repeater 控件 只 能 在 
源 视图 中 进行 编辑 。 

【 例 4-38】 采用 SqlDataSource 和 Repeater 控件 显示 student 表 , 详 见 Ex4-38. aspx 
页 面 ( 见 资源 包 )。 

【示例 说 明 】 

(1) 对 Repeater 控件 的 布局 代码 在 源 视 图 中 进行 。 

(2) 井 Eval 功能 是 取得 数据 集 内 的 指定 内 容 ,参数 是 字段 名 或 属性 名 。 

(3) 本 例 是 使 用 Table 来 布局 Repeater 控件 。Repeater 控件 本 身 就 是 一 个 Table， 
编程 者 需要 对 HTML 的 表格 相关 标记 较为 熟悉 。 


4.4.7 DataList 控件 


DataList 控件 同 Repeater 控件 功能 相同 ,但 它 除 了 显示 数据 的 功能 外 ,还 提供 数据 
更 新 和 删除 功能 。DataList 控件 也 是 依据 模板 的 定制 来 展示 数据 的 。 与 Repeater 控件 
不 同 的 是 ,DataList 控件 的 模板 设置 和 GridView 一 样 ,可 以 通过 可 视 化 的 编辑 方式 进 
行 ,其 模板 类 型 见 表 4-16。 


表 4-16 ”DataList 控件 的 模板 


模板 名 称 说 明 
AlternatingItemTemplate 间隔 行 模板 
EditItemTemlpate 编辑 行 模板 
FooterTemplate 脚注 模板 
HeaderTemplate 标题 模板 
ItemTemplate 每 个 显示 行 模板 
SelectedItemTemplate 选中 行 模板 
SeparatorTemplate 替换 项 模板 


默认 情况 下 ,DataList 的 项 目 在 表 内 以 单个 垂直 列 呈 现 , 如 果 将 其 RepeatLayonut 属 
性 设置 成 Flow ,将 从 列表 的 呈现 形式 中 移 除 HTML 表 结 构 。 

DataList 通过 RepeatDirection 属性 可 以 以 水 平 (Horizontal) 或 垂直 (Vertical) 显示 
项 目 。 在 显示 时 ,可 以 通过 设置 RepeatColumns 决定 显示 的 列 数 。 

【 例 4-39】 采用 SqlDataSource 和 DataList 控件 显示 student 表 , 详 见 Ex4-39. aspx 
页 面 ( 见 资源 包 ) 。 

【 例 4-40】 采用 SqlDataSource 和 DataList 控件 编辑 student 表 , 详 见 Ex4-40. aspx 
页 面 ( 见 资源 包 ) 。 
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【示例 说 明 】 

(1) DataList 控件 不 像 GridView 控件 通过 设置 自动 编辑 删除 的 属性 就 可 以 自动 更 
新 和 删除 。 它 需要 手工 在 模板 中 编辑 、 删 除 、 更 新 、 取 消 等 功能 的 按钮 ,并 将 其 
CommandName 设置 为 Edit( 编 辑 )、. Delete( 删 除 ) .Update( 更 新 ) .Cancel( 取 消 ) ,这样 当 单 击 
相应 的 按钮 时 , DataList 会 自动 调用 EditCommand、DeleteCommand、UpdateCommand、 
CancelCommand 事件 。 

(2) EditCommand、DeleteCommand、UpdateCommand、CancelCommand 等 事件 的 作 
用 是 分 别 执行 相应 编辑 ,删除 .更 新 和 取消 功能 ,需要 在 后 台 这 几 个 事件 中 编写 代码 完成 
操作 。 

(3) 本 例 用 的 是 SqlDataSource 控件 连接 数据 源 ,因此 在 更 新 (删除 ) 时 需要 为 
UpdateParameters( DeleteParameters) 的 参数 提供 参数 ,然后 调用 SqlDataSource 的 
Update() 、Delete() 方 法 。 


区 多 本 章 小 结 


本 章 主要 介绍 了 ASP.NET 进行 数据 库 编 程 的 方法 。 首 先 介绍 了 数据 库 的 基本 概念 
和 数据 库 的 设计 方法 ,然后 讲述 了 SQL 语句 的 使 用 方法 以 及 SQL Server 数据 库 的 安装 ， 
接 下 来 讲述 了 ADO. NET 的 对 象 模型 和 应 用 ,最 后 讲述 了 ASP.NET 的 数据 显示 控件 。 

本 章 SQL 语句 是 利用 ADO. NET 访问 和 数据 库 的 语言 基础 ,ADO. NET 对 象 模型 
是 ASP.NET 进行 数据 库 编程 的 核心 内 容 ,ASP.NET 的 数据 显示 控件 则 是 展示 和 操作 
数据 库 信 息 的 重要 工具 。 限 于 篇 幅 , 本 章 对 各 种 对 象 控件 的 介绍 还 不 够 深入 ,有 兴趣 的 读 
者 请 查阅 相关 资料 进行 更 深 一 步 的 学 习 。 


六 思考 与 练习 


根据 本 章 的 介绍 ,利用 ASP.NET 编写 一 个 数据 库 管理 系统 ,实现 数据 的 录入 、 修 改 、 
删除 .查找 等 功能 。 


ED 
《了 于 
所 


随 着 网 络 技术 的 发 展 ,网 站 已 经 变 得 非常 流行 ,几乎 所 有 的 企业 和 部 门 都 有 自己 的 网 
站 ,但 是 网 站 的 建设 却 非常 复杂 ,是 一 个 综合 性 的 系统 工程 。 

在 网 站 的 建设 过 程 中 ,要 充分 了 解 网 站 使 用 者 的 需求 ,在 众多 技术 中 选择 适当 的 物理 
环境 、 开 发 技术 和 和 运行 平台 ,要 让 美工 ,程序 员 和 数据 库 管理 员 相 互 配合 ,还 要 考虑 数据 安 
全 和 技术 升级 ,这 就 需要 开发 者 在 开发 网 站 之 前 要 进行 非常 详细 的 规划 与 设计 。 

本 章 将 对 网 站 设计 进行 详细 介绍 , 旨 在 使 读者 对 于 网 站 建设 系统 工作 有 个 全 面 的 
了 解 。 


5.1 网 站 规划 与 设计 


网 络 的 发 展 给 网 站 设计 者 提供 了 广阔 的 设计 空间 。 相 对 传统 的 平面 设计 来 说 ,网 站 
设计 具有 更 多 的 新 特性 和 更 多 的 表现 手段 ,借助 网 络 这 一 平台 ,将 传统 设计 与 计算 机 、 互 
联网 技术 相 结 合 ,实现 网 站 设计 的 创新 应 用 与 技术 交流 。 

5.1.1 网 站 功能 

网 站 根据 使 用 的 目的 不 同 , 一 般 分 为 四 大 类 。 

1. 形象 宣传 

以 宣传 网 站 所 属 单位 为 建站 目的 ,用 于 提高 单位 的 社会 知名 度 ,或 是 发 布 相关 新 闻 或 
信息 。 例如,“ 中 华人 民 共 和 国 中 央 人 民政 府 ”" 网 站 就 是 中 国政 府 对 外 的 网 上 窗口 ,如 
图 5-1 所 示 。 

2. 数据 展示 

以 数据 展示 为 建站 目的 网 站 一 般 适 合 于 各 种 企业 ,其 发 布 的 信息 主要 是 关于 产品 的 
价格 、 服 务 收 费 的 标准 、 产 品 的 规格 、 产 品 的 数量 等 数据 ,如 果 用 形象 展示 的 方式 就 不 合 
适 。 当 然 ,这 里 提 到 的 数据 并 不 单 指 阿拉 伯 数 字 。 
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价 ”中 华人 民 共和 国 中 央 人 民政 府 


The Central People's Govemment of the People's Republic of Chna 


拉 索 热 间 : 行政 审批 农业 现代 化 政府 工作 报告 
四 sa 政 叫 | 歼 据 名 国情 


习近平 、 地 克 强 对 台湾 复兴 航空 验 机 事 
故 作出 重要 指示 批示 (02-04) 


李克强 主持 召开 各 民主 党 派 全 国 工商 联 
负责 人 和 无 党 派 人 士 代表 座谈 会 


国务 院 关于 加 快 推进 残疾 人 小 康 进程 的 
意见 (02-05) 


国务 院 印发 规范 国务 院 部 门 行政 审批 行 
为 改进 行政 审批 工作 的 通知 | 全 文 


国 办 印发 《关于 加 强 传染 病 防 治 人 员 安 


全 防护 的 意见 》| 全 文 (02-04) 
A 和 移 二 部 站 时 权 焦 “热点 ”人 事 信息 地 殉 妆 名 办 人 十 共 商 (政府 工作 报告) 
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rr 
村 胡 主 持 召 开 各 民主 沉 派 全 国 工商 联 员 责 人 和 无 和 全 而 让 丰 办 备 人 ”回顾 2014 年 国务 院 常务 会 议 
派 人 士 代表 i 
| No 回应 关切 -> 


“李克强 的 “ 农 心 ”与 “ 农 经 ” 粮食 安全 省 长 责任 制 的 若干 意 风 
NEED SS 全 a 亚 后 亦 丰 枯 各 中国 开工 次 行 各 


图 5-1 “中 华人 民 共 和 国 中 央 人 民政 府 ” 网 站 


数据 包括 不 同类 型 的 数字 、 字 符 、 计 算 公式 等 信息 ,还 包括 其 他 多 媒体 信息 。 图 5-2 
所 示 的 “中 关 村 在 线 ” 网 站 就 是 一 种 数据 展示 网 站 。 
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电子 商务 网 站 与 其 他 两 类 网 站 相 比 增加 了 在 线 交易 功能 ,使 得 网 站 不 但 是 相关 单位 
的 窗口 ,而 且 可 以 作为 交易 平台 使 用 。 图 5-3 所 示 的 “京东 ”网 站 就 是 大 型 电子 商务 网 站 。 
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图 5-3 “京东 ”网 站 


4. 论坛 


论坛 类 网 站 可 以 看 作 是 一 个 社交 平台 ,通过 论坛 可 以 对 一 些 相关 的 信息 与 其 他 网 络 
用 户 进行 探讨 。 图 5-4 所 示 的 就 是 “天 涯 社区 ”论坛 网 站 。 
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网 站 功能 取决 于 需求 者 的 要 求 ,根据 不 同 的 诉求 ,选择 .设计 并 建设 适合 的 网 站 。 
5.1.2 网 站 制作 流程 


网 站 制作 的 流程 大 致 可 以 分 为 下 列 4 个 阶段 。 

1. 收集 资料 .规划 网 站 架构 

搜集 数据 与 规划 网 站 架构 是 网 站 制作 的 首要 步 又 ,在 这 个 阶段 ,除了 要 弄 清 网 站 所 要 
传递 的 内 容 外 ,最 重要 的 是 必须 确立 网 站 的 主题 与 目标 群 ,然后 将 网 站 内 容 规划 成 分 层 式 
架构 ,也 就 是 规划 出 组 成 网 站 的 网 页 ,并 根据 主题 与 目标 群 决定 网 页 的 呈现 方式 。 

确立 网 站 的 主题 与 目标 群 是 非常 重要 的 ,下 列 几 个 问题 值得 深思 。 

(1) 网 站 的 搭建 是 为 了 销售 产品 或 服务 .塑造 宣传 企业 形象 还 是 方便 业务 联系 或 个 
人 兴趣 分 享 ? 如 果 网 站 本 身 具有 商业 目的 .那么 是 否 还 需要 进一步 了 解 相关 行业 背景 , 包 
括 产 品类 型 ,企业 文化 .品牌 理念 ,竞争 对 手 等 。 

(2) 网 站 的 搭建 与 经 营 需要 投入 多 少时 间 与 资源 ? 如 何 营 销 网 站 ? 有 哪些 渠道 及 相 
关 的 费用 ? 

(3) 网 站 的 获 利 模式 是 什么 ”如 销售 产品 或 服务 .广告 收益 或 其 他 。 

(4) 网 站 将 提供 哪些 资源 或 服务 给 哪些 对 象 ? 关于 这 些 对 象 ,他 们 有 哪些 共同 的 特 
征 或 需求 ? 比如 ,入 口 网 站 或 购物 网 站 的 使 用 者 比较 广泛 ,所 以 其 首页 通常 涵盖 了 琳琅 满 
目的 题材 ,而 彩妆 网 站 的 使 用 者 可 能 锁定 为 时 尚 女性 ,所 以 其 首页 往往 呈现 出 艳丽 的 视觉 
效果 ,以 便 紧 紧 抓 住 浏览 者 的 目光 。 

2. 网 页 制作 与 测试 

在 这 个 阶段 中 ,需要 着 手 制作 阶段 一 所 规划 的 网 页 ,常见 的 网 页 编辑 软件 分 为 两 种 : 
中 纯 文 本 编辑 软件 ,如 记事 本 、WordPad 等 ; @ 所 见 即 所 得 的 网 页 编辑 软件 , 如 
Dreamweaver, 而 且 必要 时 还 要 使 用 Photoshop、Flash 等 软件 来 设计 网 页 背景 、 标 题 、 按 
钮 ,动画 等 。 网 页 制作 完毕 后 ,还 要 在 计算 机 上 测试 页 面 上 各 个 元 素 能 否 正 确 运行 。 

对 于 想 学 习 HTML 的 人 ,使 用 纯 文 本 编辑 软件 来 编辑 网 页 是 较 佳 的 选择 ,因为 它 可 
以 让 使 用 者 专注 于 HTML 的 语法 ,不 像 所 见 即 所 得 的 网 页 编辑 软件 会 产生 一 些 多 余 或 
特有 的 HTML 标签 ,造成 初学 者 的 困扰 ; 相反 ,对 于 不 想 学 习 HTML 只 想 快速 编辑 网 页 
的 人 来 说 ,所 见 即 所 得 的 网 页 编辑 软件 则 是 较 佳 的 选择 ,因为 它 隔绝 了 使 用 者 与 HTML 
的 语法 ,使 用 者 即使 不 具备 程序 设计 知识 ,也 一 样 能 设计 出 图 文 并 茂 的 网 页 。 

3. 将 网 站 上 传 到 Web 服务 器 

辛苦 制作 的 网 站 最 后 要 上 传 到 Internet 让 大 家 欣赏 ,此 时 需要 先 替 网 站 在 Internet 
上 找 个 家 ,也 就 是 申请 网 页 空间 ,常见 的 方式 如 下 。 

(1) 租用 专线 。 如 果 你 的 预算 充足 ,可 以 向 中 国电 信 、 中 国 移动 .中 国联 通 、 长 城 宽 带 
等 ISP 租用 专线 ,让 你 的 计算 机 24 小 时 上 网 并 架设 成 Web 服务 器 ,其 他 人 就 能 通过 
Internet 浏览 你 的 网 站 了 。 

(2) 租用 网 页 空间 或 虚拟 主机 。ISP 通常 会 提供 网 页 空间 或 虚拟 主机 出 租 业 务 ,这 种 业 
务 的 价格 较 低 ,适合 预算 少 的 人 。 有 关 网 页 空间 或 虚拟 主机 的 出 租价 格 . 申 请 程序 、 上 传 方 


式 、 网 页 空间 大 小 、 传 输 速率 等 事项 ,可 到 ISP 的 网 站 上 查询 ,或 者 到 百度 等 搜索 网 站 搜索 。 
4. 网 站 更 新 与 维护 
网 站 开发 人 员 的 责任 不 仅仅 是 将 网 站 上 传 到 Internet 就 结束 了 ,还 需要 负 起 维护 与 
更 新 的 责任 ,才能 使 网 站 有 更 多 的 访问 量 ,产生 社会 或 经 济 效益 。 这 就 需要 定期 更 新 网 页 
内 容 , 然 后 通过 网 页 空间 提供 者 所 提供 的 界面 或 FTP 软件 ,将 更 新 后 的 网 页 上 传 到 
Internet, 同 时 还 要 不 时 上 网 检查 一 下 网 站 的 运行 是 否 正常 ,保证 网 站 数据 的 安全 。 


5.1.3 网 站 需求 分 析 


网 站 开发 人 员 要 开发 出 适合 的 网 站 系统 ,就 必须 要 了 解 和 掌握 网 站 的 开发 目的 、 网 站 
的 功能 和 拟 投入 的 开发 费用 等 信息 ,因此 要 进行 必要 的 需求 分 析 。 

需求 分 析 的 因素 主要 包括 以 下 几 个 。 

1. 网 站 应 用 定位 

网 站 应 用 定位 就 是 要 了 解 待 开发 网 站 的 使 用 目的 ,如 商业 性 质 的 网 站 就 要 考虑 其 市 
场 环 境 。 以 电子 商务 网 站 为 例 , 其 最 终 目的 是 通过 网 站 宣传 企业 的 产品 或 服务 ,销售 企业 
的 产品 或 服务 ,提升 企业 的 知名 度 ,获取 利润 。 网 站 的 应 用 定位 主要 包括 网 站 使 用 者 的 信 
息 ,如 年 龄 ,学历 .收入 甚至 个 人 偏好 等 ,还 要 考虑 当时 的 市 场 环 境 与 国家 政策 。 

2. 人 员 

不 管 何 种 网 站 ,人 员 的 配置 和 合作 开发 都 是 网 站 开发 过 程 中 重要 的 环节 。 

3. 资金 

资金 是 选择 建设 网 站 技术 水 平 的 重要 支柱 。 一 些 软件 需要 企业 大 量 的 投入 ,保证 运 
行 的 安全 和 稳定 。 在 进行 建设 网 站 的 方案 论证 时 要 把 资金 要 素 放 在 重要 位 置 进行 考虑 ， 
毕竟 一 个 网 站 从 建设 测试 到 运行 ,是 一 个 持续 的 过 程 , 不 能 中 断 中 间 的 资金 投入 。 

4. 技术 

网 站 开发 时 所 涉及 的 技术 众多 ,在 各 种 相关 技术 中 ,如 何 选择 以 及 如 何 综合 使 用 这 些 
技术 ,是 网 站 开发 成 功 与 否 的 关键 因素 。 关 键 技术 主要 有 下 几 个。 

1) 网 页 制作 技术 

由 于 网 页 是 用 户 访问 网 站 首先 接触 到 的 内 容 , 所 以 有 人 说 ,网 页 是 网 站 的 核心 内 容 。 
也 有 人 说 ,网 页 就 是 浏览 器 窗口 出 现 的 文件 , 当 用 户 使 用 URL 时 ,该 文件 被 调用 ,并 且 出 
现在 窗口 中 。 可 见 , 对 于 用 户 来 说 网 页 十 分 重要 。 

2) 开发 语言 

开发 语言 是 网 站 尤其 是 动态 网 站 的 核心 ,除了 包括 前 面 章 节 介绍 的 ASP.NET 以 外 ， 
还 可 以 使 用 PHP、ASP、JSP 甚至 CGI( 通 用 网 关 接口 ) 技 术 。 

3) 数据 库 技术 

数据 库 技术 是 实现 电子 商务 的 重要 技术 支撑 。 它 主要 包括 硬件 平台 软件 平台 数据 
库 管理 人 员 和 数据 库 用 户 4 个 方面 。 由 于 企业 要 创建 自己 的 电子 商务 网 站 ,因此 一 方面 
需要 构筑 自己 的 数据 库 系统 ,包括 企业 开发 数据 库 所 需 的 计算 机 设备 、 开 发 所 需 的 操作 系 
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统 ,数据库 开发 工具 、 开 发 与 管理 人 员 ,与 前 台 链接 的 数据 库 技术 等 。 

另 一 方面 ,还 要 具备 登录 到 Internet 后 共享 其 他 资源 时 对 数据 库 技术 的 各 种 需要 ,如 
共享 资源 所 需要 的 硬件 设备 、 软 件 平台 掌握 大 型 数据 库 使 用 方法 并 熟悉 网 络 操作 系统 的 
人 员 等 。 

4) 安全 技术 

创建 网 站 需要 很 高 的 安全 技术 作为 保障 ,安全 问题 也 是 阻碍 网 站 尤其 是 商业 类 网 站 
(如 电子 商务 网 站 ) 发 展 的 重要 因素 。 由 于 Internet 具有 集成 .松散 和 开放 的 特点 ,网 站 容 
易 受 到 黑客 的 攻击 ,他 们 窃取 商业 信息 ,甚至 破坏 系统 。 在 这 样 一 个 环境 中 ,网 站 必须 考 
处 各 种 保证 安全 的 措施 ,如 可 以 采取 的 措施 包括 防火 墙 技术 、 密 码 技术 、 数 字 签名 技术 、 数 
字 时 间 蕉 ,数字 凭证 认证 等 。 


5.1.4 网 站 总 体 设计 


网 站 总 体 设计 是 对 网 站 中 所 有 网 页 整体 布局 和 色彩 等 内 容 进行 的 整体 规划 和 设计 ， 
使 整个 网 站 的 风格 更 加 统一 ,色彩 搭配 更 加 合理 ,界面 更 友好 。 其 主要 包括 网 站 整体 布 
局 .页面 布 局 的 具体 方法 和 网 页 的 色彩 搭配 的 设计 ,通过 网 页 风格 的 设计 使 网 页 布局 趋 于 
合理 ,色彩 搭配 更 加 赏心悦目 。 

在 现代 网 页 设计 过 程 中 ,网 页 布局 设计 变 得 越 来 越 重要 。 网 页 的 浏览 者 不 愿意 再 看 
到 只 注重 内 容 的 站 点 。 虽 然 内 容 仍然 是 最 重要 ,但 只 有 当 网 页 布局 和 网 页 的 内 容 有 机 地 
结合 在 一 起 时 ,这 种 网 页 或 者 说 站 点 才 是 最 受 浏览 者 欢迎 的 。 如 果 过 于 偏重 内 容 而 忽略 
了 网 页 的 整体 布局 ,或 者 网 页 的 布局 异常 华丽 而 没有 实质 性 的 内 容 , 都 无 法 留 住 越 来 越 
“挑剔 "的 访问 者 。 

网 页 是 网 站 的 重要 组 成 部 分 ,其 通过 友好 、 美 观 的 界面 与 网 站 使 用 者 进行 交互 ,是 影 
响 网 站 访问 效果 的 最 主要 因素 。 

网 站 要 容易 使 用 ,并 遵循 一 些 设计 规则 ,因为 用 户 在 访问 一 个 网 站 时 ,难以 记 住 任何 
特殊 的 交互 诀窍 ,于 是 会 把 更 多 的 时 间 花 在 更 容易 使 用 的 网 站 上 。 因 此 在 设计 网 站 的 页 
面 时 ,遵循 这 些 原则 显得 尤为 重要 。 

主页 经 常 是 第 一 个 (也 有 可 能 是 最 后 一 个 ) 吸 引 并 留 住 访问 者 的 机 会 ,在 这 点 上 主页 
和 报纸 的 头 版 非常 相像 。 所 有 的 主页 都 应 该 像 报 纸 的 头 版 那样 着 重 对 待 , 并 由 编辑 来 决 
定 主页 上 登载 的 重要 内 容 和 保证 网 站 风格 的 一 致 性 .连续 性 。 

当然 ,这 些 只 是 指导 性 原则 ,而 不 是 放 之 四 海 而 皆 准 的 公理 。 凡 事 尼 有 例外 ,虽然 按 
照 这 些 原则 能 大 大 提高 主页 的 作用 ,但 网 页 的 设计 人 员 还 需要 和 具体 用 户 进行 广泛 的 交 
流 ,学 习 相 关 领 域 的 知识 ,了 解 客户 的 需求 ,并 进行 实际 用 户 测试 ,把 不 断 反 馈 的 信息 融入 
开发 周期 中 。 只 有 在 不 断 的 反馈 修改 的 过 程 中 才能 制作 出 会 用 户 满意 的 网 页 。 


5.2 页 面 美化 技术 


HTML 作为 网 页 显示 的 基础 元 素 ,只 针对 内 容 进行 相应 的 处 理 , 但 无 法 提供 更 友好 、 
美观 方便 的 页 面 显示 ,虽然 图 片 和 Flash 技术 的 应 用 可 以 弥补 这 些 缺 憾 ,但 是 过 多 地 使 


用 ,将 降低 访问 速度 。 
CSS 的 引入 大 大 简化 了 页 面 美 化 技术 的 复杂 度 ,提高 了 网 站 的 访问 速度 ,并 增加 了 
许多 可 扩展 功能 。 


5.2.1 CSS 的 使 用 


CSS(Cascading Style Sheet, 层 琶 样式 表 ) 简 称 样 式 表 。 样 式 就 是 对 网 页 中 的 元 素 
(文字 段落、 图 像 . 列 表 等 ) 属 性 显示 形式 的 描述 。 例 如 ,文字 的 大 小 .字体 .背景 及 图 像 的 
颜色 .大 小 等 都 是 样式 ,这 些 样式 被 一 项 项 写 在 样式 表 中 。 层 和 就 是 指 当 HTML 文件 引 
用 多 个 样式 表 文件 时 ,如 果 这 些 文件 之 间 所 定义 的 样式 发 生 了 冲突 ,将 依据 元 素 的 包含 层 
次 来 处 理 样式 对 内 容 的 控制 。CSS 就 是 一 系列 控制 网 页 元 素 外 观 的 样式 规则 。 

CSS 对 网 站 的 开发 者 和 浏览 者 有 着 重要 的 贡献 。 主 要 体现 在 以 下 几 个 方面 。 

(1) 内 容 和 样式 的 分 离 ,使 网 页 设计 趋 于 明了 、 简 洁 。 

(2) 弥补 HTML 对 标记 属性 控制 的 不 足 , 如 背景 图 像 重 复 的 控制 和 标题 大 小 的 控制 
等 。 在 HTML 中 可 控制 的 标题 仅 有 7 级 , 即 hl 一 h7, 而 利用 CSS 可 以 任意 设置 标题 
大 小 。 

(3) 精确 控制 网 页 布局 ,如 行 间距 . 字 间 距 、 段 落 缩 进 和 图 片 定 位 等 属性 。 

(4) 提高 网 页 效率 ,增强 易 用 性 和 可 扩展 性 。 多 个 网 页 同时 应 用 一 个 CSS 样式 , 既 减 
少 了 代码 的 下 载 ,又 提高 了 浏览 器 的 浏览 速度 和 网 页 的 更 新 速度 ,并 能 提高 网 页 的 编辑 维 
护 效 率 。 同 时 ,在 一 个 网 页 上 可 以 通过 调用 不 同 的 样式 表 来 切换 不 同 的 网 页 外 观 。 

(5) 增强 网 页 特效 ,提高 用 户 体验 。CSS 还 有 许多 特殊 功能 ,如 鼠标 指针 属性 控制 鼠 
标的 形状 , 滤 镜 属性 控制 图 片 的 特效 等 。 

CSS 的 这 些 作 用 使 得 它 成 为 网 页 技术 发 展 的 必然 。 从 20 世纪 90 年 代 初 HTML 被 
发 明 开 始 ,样式 表 就 以 各 种 形式 出 现 了 ,不 同 的 浏览 器 结合 了 它们 各 自 的 样式 语言 ,呈献 
给 读者 符合 其 样式 规则 的 网 页 内 容 , 为 了 减弱 这 种 情况 对 读者 造成 的 困扰 , W3C 组 织 联 
合 CSS 的 创始 者 于 1996 年 12 月 出 版 CSS 的 第 一 版 。 

1997 年 年 初 , W3C 内 组 织 了 专门 管 CSS 的 工作 组 ,开始 讨论 第 一 版 中 没有 涉及 的 问 
题 ,并 于 1998 年 5 月 出 版 CSS 第 二 版 。 而 后 ,W3C 又 致力 于 CSS 第 三 版 的 研究 。CSS3 
是 由 一 系列 标准 的 模块 构成 ,很 多 模块 现今 仍 处 于 开发 阶段 。 


§ 【小 提示 】 


为 了 检查 网 站 的 标准 性 , W3C 提供 了 网 站 的 检查 功能 ,验证 地 址 http://validator. 
w3. org/ ,主要 用 于 检查 XHTML 代码 的 书写 是 否 规范 和 检查 CSS 的 属性 是 否 都 在 
CSS2 范围 内 。 

CSS 和 HTML 一 样 ,也 是 用 文本 书写 的 一 些 规则 , 其 创建 和 编辑 也 常用 
Dreamweaver 等 可 视 化 的 网 页 编辑 软件 ,或 者 使 用 记事 本 直接 书写 。 

样式 表 中 的 样式 是 针对 网 页 元 素 书 写 的 ,只 有 将 样式 应 用 在 相应 的 网 页 元 素 上 ,并 通 
过 浏览 器 显示 出 来 ,才能 让 用 户 看 到 效果 。 有 3 种 方法 可 以 在 站 点 网 页 上 使 用 CSS 
样式 。 
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1 内 联 样式 
将 样式 直接 写 在 各 个 网 页 元 素 的 标签 中 ,这 种 样式 只 对 样式 所 在 的 元 素 起 作用 。 
中 【基本 语法 】 


style= "属性 : 属性 值 ; " 


<head> 


</head> 
<body> 


<Hmtr 标记 style = "样式 属性 : 取 值 ;样式 属性 : 取 值 ;.…"> 
ER 
< [语法 说 明 ] 


(1) HTML 标记 就 是 页 面 中 标记 HTML 元 素 的 标记 ,如 body、p 等 。 

(2) style 参数 后 面 引号 中 的 内 容 就 相当 于 样式 表 大 括号 里 的 内 容 。 需 要 指出 的 是 ， 
style 参数 可 以 应 用 于 HTML 文件 中 的 body 标记 ,以 及 除了 basefont param 和 script 之 
外 的 任意 元 素 。 

【 例 5-1】 在 浏览 器 中 显示 的 效果 如 图 5-5 所 示 。 

<html> 


<head> 


<title> HTML 中 使 用 CSS 的 方法 -- 内 联 样式 </title> 

</head> 

<body> 

<hl style = "color:green;font - size:35px;font - family: 黑 体 "> HTML 中 使 用 CSS 的 方法 </hl > 
</body> 

</html > 


5-5 内 联 样式 显示 效果 
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§ 【小 提示 】 

为 节省 篇 幅 , 后 面 的 示例 中 将 不 再 给 出 显示 效果 的 截图 ,读者 可 以 自行 运行 后 查看 其 
运行 效果 。 

2. 内 部 样式 

在 网 页 一 head> 标 签 中 创建 嵌入 的 样式 表 , 这 种 样式 只 针对 样式 表 所 在 网 页 上 的 元 
素 起 作用 。 该 方法 将 CSS 样式 用 所 style> 标 签 标记 , 典 套 在 二 head 一 标签 中 。 


尼 【基本 语法 】 


<head> 

<style type = "text/css"> 

<! 一 一 

选择 符 { 样 式 属性 : 取 值 ;样式 属性 : 取 值 ;…} 
选择 符 {样式 属性 : 取 值 ;样式 属性 : 取 值 ;…} 


--> 
</head > 


< [语法 说 明 】 


(1) 过 style> 标 记 用 来 说 明 所 要 定义 的 样式 。 

(2) type 一 "text/css" 说 明 这 是 一 段 CSS 样式 表 代 码 。 

(3) 所 !-- 与 -- 之 标记 的 加 入 是 为 了 防止 一 些 不 支持 CSS 的 浏览 器 ,将 二 style 过 与 

去 /style> 之 间 的 CSS 代码 当成 普通 的 字符 串 显示 在 网 页 中 。 

(4) 选择 符 也 就 是 样式 的 名 称 , 这 里 的 选择 符 可 以 选用 HTML 标记 的 所 有 名 称 。 

内 部 样式 表 方 法 就 是 将 所 有 的 样式 表 信 息 都 列 于 HTML 文件 的 头 部 ,因此 这 些 样 
式 可 以 在 整个 HTML 文件 中 调用 。 如 果 想 对 网 页 一 次 性 加 入 样式 表 , 即 可 选用 该 方法 。 

【 例 5-2】 请 参看 资源 包 中 的 例 5-2。 

3. 外 部 样式 

将 样式 写 在 单独 的 一 个 文件 中 ,保存 为 . css 文件 ,通过 链接 或 者 导入 的 方式 将 外 部 
样式 表 应 用 到 网 页 上 ,这 种 方式 可 以 使 一 个 样式 表 作 用 在 不 同 的 网 页 上 。 

该 方法 将 CSS 样式 写 在 单独 的 样式 文件 中 ,在 网 页 二 head 二 标签 中 可 以 通过 二 link 二 
标签 调用 或 者 @import 导入 该 样式 文件 。 

1) 链 入 外 部 样式 表 

当 要 在 站 点 上 所 有 或 部 分 网 页 上 一 致 地 应 用 相同 样式 时 ,可 使 用 外 部 样式 表 。 在 一 
个 或 多 个 外 部 样式 表 中 定义 样式 ,并 将 它们 链接 到 所 有 网 页 , 便 能 确保 所 有 网 页 外 观 的 一 
致 性 。 如 果 人 们 决定 更 改 样式 ,只 需 在 外 部 样式 表 中 修改 一 次 ,而 该 更 改 会 反映 到 所 有 与 
该 样式 表 相 链接 的 网 页 上 。 
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尼 【基本 语法 】 
<head> 


<link rel = "stylesheet " type = "text/css" href = "样式 表 文 件 的 地 址 "> 
</head> 


< [语法 说 明 】 


(1) rel 一 "stylesheet" 是 指 在 HTML 文件 中 使 用 的 是 外 部 样式 表 。 

(2) type 一 "text/css" 指 明 该 文件 的 类 型 是 样式 表 文 件 。 

(3) href 中 的 样式 表 文 件 地 址 ,可 以 为 绝对 地 址 或 相对 地 址 。 

(4) 外 部 样式 表 文件 中 不 能 含有 任何 HTML 标签 ,如 二 head 二 或 二 style 二 等 。 

(5) CSS 文件 要 和 HTML 文件 一 起 发 布 到 服务 器 上 ,这 样 在 用 浏览 器 打开 网 页 时 ， 
浏览 器 会 按照 该 HTML 网 页 所 链接 的 外 部 样式 表 来 显示 其 风格 。 


§ 【小 提示 】 


一 个 外 部 样式 表 文 件 可 以 应 用 于 多 个 HTML 文件 。 当 改变 这 个 样式 表 文 件 时 ,所 
有 网 页 的 样式 都 随 之 改变 。 因 此 常用 在 制作 大 量 相同 样式 的 网 页 中 ,因为 使 用 这 种 方法 
不 仅 能 减少 重复 工作 量 ,而 且 方 便 以 后 的 修改 和 编辑 ,有 利于 站 点 的 维护 。 同 时 在 浏览 网 
页 时 一 次 性 将 样式 表 文 件 下 载 , 减 少 了 代码 的 重复 下 载 。 

外 部 样式 表 优点 如 下 。 

。 独立 于 HTML 文件 ,便于 修改 。 

。 多 个 文件 可 以 引用 同一 个 样式 表 文 件 。 

。 样式 表 文 件 只 需 下 载 一 次 就 可 以 在 链接 了 该 文件 的 页 面 内 使 用 。 

浏览 器 先 显示 HTML 内 容 , 然 后 再 根据 样式 表 文件 进行 泻 染 , 从 而 使 访问 者 可 以 更 
快 地 看 到 内 容 。 

2) 嵌入 外 部 样式 表 

当 人 们 只 是 要 定义 当前 网 页 的 样式 ,可 使 用 嵌入 的 样式 表 。 嵌 入 的 样式 表 是 一 种 级 
联 样式 表 ，“ 典 ?在 网 页 的 二 HEAD> 标 记 符 内 。 嵌 入 的 样式 表 中 的 样式 只 能 在 同一 网 页 
上 使 用 。 


恨 [基本 语法 ] 
<head> 
< styletype = "text/css"> 
@import url( 外 部 样式 表 文 件 地 址 ) ; 


</stytle> 


</head> 
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< [语法 说 明 ] 


(1) Import 语句 后 面 的 “; "是 不 可 省 略 的 。 

(2) 外 部 样式 表 文 件 的 文件 扩展 名 必须 为 . css。 

(3) 样式 表 地 址 可 以 是 绝对 地 址 ,也 可 以 是 相对 地 址 。 
【 例 5-3】 请 参看 资源 包 中 的 例 5-3。 


§ 【小 提示 】 


在 使 用 中 , 某 些 浏览 器 可 能 会 不 支持 导入 外 部 样式 表 的 @import 声明 。 所 以 此 方法 
不 经 常用 到 。 如 果 网 页 链接 到 外 部 样式 表 , 为 网 页 所 创建 的 内 谋 的 或 谋 入 式样 式 将 扩充 
或 覆盖 外 部 样式 表 中 的 指定 属性 。 


5.2.2 CSS 基础 语法 


外 部 样式 表 中 的 内 容 使 得 页 面 的 外 观 发 生 明 显 的 变化 ,也 就 是 CSS 的 描述 部 分 或 者 
叫 定义 部 分 。 通 常情 况 下 ,CSS 的 描述 部 分 是 由 CSS 的 选择 器 来 承担 的 。 
CSS2 选择 器 的 基本 语法 如 下 。 


尼 【基本 语法 】 


selector {property: value; property: value ...property: value } 
< [语法 说 明 】 


(1) 语法 中 selector 代表 选择 符 ,property 代表 属性 ,value 代表 属性 值 。 每 一 组 属性 
和 值 称 为 一 个 声明 。 

(2) 属性 和 值 要 用 冒号 隔 开 ; 每 一 个 声明 要 用 分 号 结束 。 

(3) 选择 符 包括 多 种 形式 ,所 有 的 HTML 标记 都 可 以 作为 选择 符 , 如 body、p、table 
等 都 是 选择 符 。 具 体 将 在 下 面 讲 解 。 

(4) 如 果 属 性 值 由 多 个 单词 组 成 ,并 且 单 词 间 有 空格 ,那么 必须 给 值 加 上 引号 。 

CSS 选择 符 就 是 CSS 样式 的 名 字 。 选 择 符 的 命名 规则 可 以 使 用 英文 字母 的 大 写 与 
小 写 .数字 . 连 字 号 、 下划线 、 冒 号 .句号 ,CSS 选择 符 只 能 以 字母 开头 ,选择 符 在 CSS 中 可 
分 成 多 种 ,主要 包括 类 型 选择 符 、 类 选择 符 ID 选择 符 、 派 生 选 择 符 、 伪 类 等 。 

1. 类 型 选择 符 

类 型 选择 符 是 现 有 的 HTML 标签 (或 称 标记 ) ,也 被 称 为 标签 选择 符 。 用 CSS 控制 
这 些 标签 ,会 改变 标签 的 默认 样式 ,如 例 5-1 中 的 关于 hl 的 样式 选择 符 就 是 类 型 选择 符 。 

【 例 5-4】 请 参看 资源 包 中 的 例 5-4。 

2. 类 选择 符 

当 需 要 对 一 个 网 页 中 的 部 分 相同 标签 进行 一 样 的 样式 设置 时 , 则 需要 给 这 些 标签 一 
个 新 的 别名 ,并 对 这 些 具 有 新 别名 的 标签 进行 样式 设置 ,以 满足 设计 需求 ,这 种 样式 的 选 
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择 符 被 称 为 类 选择 符 。 用 类 选择 符 可 以 把 相同 的 元 素 分 类 定义 成 不 同 的 样式 。 

进行 类 选择 符 类 型 定义 的 时 候 分 为 两 步 。 

(1) 为 标签 定义 新 别名 , 即 在 标签 后 面 书写 “class 二 新 别名 ”。 类 型 选择 符 名 称 不 区 
分 大 小 写 ,但 是 类 选择 符 与 ID 选择 符 名 称 区 分 大 小 写 。 类 选择 符 与 ID 选择 符 名 称 应 该 
由 大 写字 母 开 始 , 随 后 使 用 任意 字母 ,数字 .连接 线 和 下 划 线 。 常 用 的 网 页 元 素 名 称 大 多 
是 根据 网 页 元 素 的 位 置 和 作用 命名 的 ,常用 命名 方法 如 news_title、NewsTitle 等 。 

(2) 定义 新 的 类 选择 符 样 式 。 定 义 方法 是 将 选择 符 名 称 写 为 “. 新 别名 ”。 

【 例 5-5】 请 参看 资源 包 中 的 例 5-5。 

3. ID 选择 符 

在 HTML 文档 中 ,需要 唯一 标识 一 个 元 素 时 ,就 会 赋予 它 一 个 ID 标识 ,以 便 在 对 整 
个 文档 进行 处 理 时 能 够 很 快 地 找到 这 个 元 素 。 而 ID 选择 符 就 是 用 来 对 这 个 单一 元 素 定 
义 单独 的 样式 。 其 定义 方法 与 类 选择 符 大 同 小 异 ,命名 时 需要 把 class 改 为 ID ,样式 定义 
时 只 需要 把 “. ” 改 为 “#”。 

ID 标识 只 能 在 网 页 中 出 现 一 次 ,而 定义 的 ID 样式 也 只 能 在 同一 网 页 中 使 用 一 次 。 

【 例 5-6】 请 参看 资源 包 中 的 例 5-6 。 

在 应 用 选择 符 的 过 程 中 ,可 能 会 遇 到 同一 个 元 素 由 不 同 选择 符 定义 的 情况 ,这 时 就 要 
考虑 到 选择 符 的 优先 级 。 通 常 使 用 的 选择 符 包 括 ID 选择 符 、 类 选择 符 、 派 生 选 择 符 和 类 
型 选择 符 等 。 因 为 ID 选择 符 是 最 后 被 加 到 元 素 上 的 ,所 以 优先 级 最 高 ,其 次 是 类 选择 
符 。! important 语法 主要 用 来 提升 样式 规则 的 应 用 优先 级 。 

4. 派生 选择 符 

当 仅仅 想 对 某 一 元 素 中 的 子 元 素 进行 样式 指定 时 ,派生 选择 符 就 被 派 上 了 用 场 ,派生 
选择 符 指 选择 符 中 前 一 个 元 素 包含 后 一 个 元 素 ,元 素 之 间 使 用 空格 作为 分 隔 符 。 

【 例 5-7】 请 参看 资源 包 中 的 例 5-7。 

5. 伪 类 

伪 类 不 属于 选择 符 , 它 是 让 页 面 呈现 丰富 表现 力 的 特殊 属性 。 之 所 以 称 为 “ 伪 ”, 是 因 
为 它 指定 的 对 象 在 文档 中 并 不 存在 ,它们 指定 的 是 元 素 的 某 种 状态 。 

应 用 最 为 广泛 的 伪 类 是 链接 的 4 个 状态 。 

(1) 未 访问 链接 状态 Ca:link) 。 

(2) 已 访问 链接 状态 (a:visited) 。 

(3) 鼠标 指针 悬 停 在 链接 上 的 状态 (a:hover) 。 

(4) 被 激活 (在 鼠标 单 击 与 释放 之 间 发 生 的 事件 ) 的 链接 状态 (a:active) 。 

【 例 5-8】 请 参看 资源 包 中 的 例 5-8。 


5.2.3 CSS 常用 单位 


CSS 常用 单位 包括 长 度 单位 和 颜色 单位 。 
1. 长 度 单位 
长 度 单位 是 Web 页 设计 中 最 常用 的 一 个 单位 。 在 CSS 中 ,长 度 是 一 种 度量 尺寸 ,用 
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于 宽度 、 高 度 、 字 号 、 字 和 字母 间距 文本 的 缩 排 , 行 高 .页 边 距 、 贴 边 、 边 框 线 宽 以 及 许多 的 
其 他 属性 。 

长 度 单位 一 般 是 一 个 由 两 个 字母 组 成 的 单位 缩写 ,如 cm、pt、em 等 。 

1) 绝对 长 度 单位 

网 页 定义 上 常常 使 用 的 绝对 长 度 单位 有 厘米 (cm) 、 毫 米 (mm) 、 英 寸 (in)、 点 (pt) 、 派 
卡 (pc) 等 ,如 表 5-1 所 示 。 绝 对 长 度 值 的 使 用 范围 比较 有 限 ,只 有 在 完全 知道 外 部 输出 设 
备 的 具体 情况 下 才 使 用 绝对 长 度 值 。 也 就 是 说 ,绝对 长 度 值 最 好 用 于 打印 机 输出 设备 ,而 
在 仅仅 作为 屏幕 显示 时 ,使 用 绝对 长 度 值 意义 不 大 ,应 该 尽量 使 用 相对 长 度 值 。 


表 5-1 绝对 长 度 单位 


单位 描述 单位 描述 
in 英寸 pt 磅 (1pt==1/72in) 
cm 厘米 pc 12 点 活字 (1pc 二 12 点 ) 
2) 相对 长 度 值 


每 一 个 浏览 器 都 有 其 自己 默认 的 通用 尺寸 标准 ,这 个 标准 可 以 由 系统 决定 ,也 可 以 由 
用 户 按照 自己 的 爱好 进行 设置 。 因 此 ,这 个 默认 值 尺 寸 往往 是 用 户 觉 得 最 适合 的 尺寸 。 
于 是 使 用 相对 长 度 值 ,就 可 以 使 需要 定义 尺寸 的 元 素 按 照 默 认 大 小 为 标准 ,相应 地 按 比例 
缩放 。 这 样 就 不 可 能 产生 难以 辨认 的 情况 。 

CSS 支持 下 列 3 种 长 度 的 相对 单位 : em( 当 前 字体 中 字母 M 的 宽度 ) .ex( 当 前 字体 
中 字母 X 的 高 度 ) .px( 一 个 像素 的 大 小 ) ,如 表 5-2 所 示 。 


表 5-2 长 度 的 相对 单位 


单位 描 述 

lem 等 于 当前 的 字体 尺寸 

2em 等 于 当前 字体 尺寸 的 2 倍 

例如 ,如 果 某 元 素 以 12pt 显示 ,那么 2em 是 24pt 

在 CSS 中 ,em 是 非常 有 用 的 单位 ,因为 它 可 以 自动 适应 用 户 所 使 用 的 字体 
ex 一 个 ex 是 一 个 字体 的 x-height(x-height 通常 是 字体 尺寸 的 一 半 ) 

px 像素 (计算 机 屏幕 上 的 一 个 点 


em 


使 用 em 和 ex 的 目的 就 是 为 所 给 的 字体 设置 合适 的 宽度 ,而 没有 必要 知道 字体 有 多 
大 ,在 显示 时 ,可 通过 比较 当前 字体 中 的 M 和 XX 来 确定 。 字 体 越 大 ,所 对 应 的 em 和 ex 
也 就 越 大 。 

以 像素 为 单位 的 长 度 是 相对 于 显示 器 上 像素 (或 许 为 方 形 ) 的 高 度 和 宽度 。 影 像 的 宽 
度 和 高 度 经 常 是 以 像素 给 出 的 。 像 素 测量 法 通常 不 是 个 好 方法 。 首 先 ,像素 的 大 小 依 分 
辩 率 变化 较 大 ,大 多 数 用 户 都 会 将 显示 器 设置 成 尽 可 能 高 的 分 辩 率 ,从 而 导致 像素 太 小 而 
无 法 阅读 。 
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3) 百分比 

百分比 总 是 相对 于 另 一 个 值 来 说 的 ,那个 值 可 以 是 长 度 单位 或 是 其 他 的 。 每 一 个 可 
以 使 用 百分比 值 单位 指定 的 属性 同时 也 自 定义 了 这 个 百分比 值 的 参照 值 。 大 多 数 情 况 
下 ,这 个 参照 值 是 此 元 素 本 身 的 字体 大 小 。 要 使 用 百分比 ,首先 应 该 在 所 选择 的 选项 后 面 
的 文本 框 中 写 符 号 部 分 ,这 个 符号 可 以 是 “十 ”( 正 号 ) ,表示 正 长 度 值 ,也 可 以 是 “一 ”( 负 
号 ) ,表示 负 长 度 值 。 如 果 不 写 符号 ,那么 默认 值 是 “十 ”。 

在 符号 后 紧 接 着 的 是 一 个 数值 ,符号 后 面 可 以 输入 任意 值 ,但 是 由 于 在 某 些 情况 下 ， 
浏览 器 不 能 处 理 带 小 数 的 百分数 ,因此 最 好 不 用 带 小 数 的 百分比 。 然 后 再 在 该 选项 的 长 
度 单位 下 拉 列 表 框 中 选择 “%”。 

2. 颜色 单位 

定义 颜色 值 最 简单 .最 直接 的 方法 是 使 用 百分比 值 。 在 这 种 情况 下 , 红 、 绿 、 蓝 颜色 值 
的 等 级 用 百分比 数 来 确定 。 格 式 是 rgb(R%,G%,B%)。 使 用 百分比 值 来 指定 颜色 还 有 
一 个 好 处 ,是 它 能 够 声明 一 组 真正 的 数字 ,不 论 它 的 值 是 多 少 。 

指定 颜色 的 另 一 种 方法 是 使 用 范围 在 0 一 255 之 间 的 整数 来 设置 。 格 式 是 rgb(128， 
128,128) 。 

定义 颜色 的 第 三 种 方法 是 使 用 十 六 进 制 数组 定义 颜色 。 这 种 定义 方法 对 于 经 常 进 行 
程序 设计 的 人 来 说 比较 熟悉 。 定 义 颜色 时 使 用 3 个 前 后 按 顺序 排列 的 十 六 进 制 数 组 表 
示 , 如 "#FCOEA8"。 这 种 定义 的 方式 就 是 形 如 #RRGGBB 的 格式 , 即 在 红 、 绿 、 蓝 的 位 
置 上 添上 需要 的 十 六 进 制 值 。 

定义 颜色 最 后 一 种 方法 也 是 最 简单 的 方法 是 指定 颜色 的 名 称 , 也 称 颜色 关键 字 。 在 
CSS 的 颜色 定义 中 ,总 共有 147 种 颜色 关键 字 。 详 细 内 容 可 查阅 CSS 手册 ,如 表 5-3 
所 示 。 


表 5-3 颜色 单位 
单 位 描 述 
(颜色 名 ) 颜色 名 称 ( 如 red) 
rgb(x,xyx) RGB 值 [如 rgb(255,0,0)] 
rgb(x% ,x%, x%) RGB 百分比 值 [如 rgb(100% ,0% ,0%)] 
#rrggbb 十 六 进 制 数 (如 # ff0000) 


5.2.4 CSS 字体 属性 

在 CSS2 中 提供 了 很 多 关于 字体 设置 的 样式 ,使 用 它们 可 以 很 容易 地 设置 字体 的 类 
型 .大 小 ,颜色 等 效果 。 

1. 字体 属性 

1) font-family 

计算 机 的 系统 里 预 装 了 很 多 字体 ,使 用 font-family 属性 可 以 选择 开发 者 想 要 使 用 的 
字体 。 
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旺 【基本 语法 
font - family: 字 体 1, 字 体 2...; 
< [语法 说 明 】 


其 中 字体 1 是 优先 选择 的 字体 ,如 果 该 字体 在 用 户 的 系统 中 不 存在 , 那 浏 览 器 就 调用 
字体 2 指定 的 字体 ,以 此 类 推 。 
2) font-size 


该 属性 可 以 设置 字体 的 绝对 大 小 或 者 相对 大 小 。 
慨 [基本 语法 1 

font - size: 绝 对 大 小 或 者 相对 大 小 ; 
< [语法 说 明 】 


绝对 大 小 为 用 户 指定 文字 的 绝对 大 小 ,通常 使 用 pt 或 者 in 作 单位 ,但 是 会 产生 不 同 
浏览 器 文字 大 小 不 一 样 的 情况 ,造成 视觉 困扰 ; 相对 大 小 一 般 采 用 百分比 的 形式 呈现 ,可 
以 使 页 面 的 文字 大 小 不 管 在 何 种 浏览 器 下 都 能 体现 不 同等 级 。 

3) font-weight 


该 属性 用 来 设置 字体 的 加 粗 情况 。 
尼 【基本 语法 】 

font - weight :normal |bold|bolder|lighter|100 — 900; 
< [语法 说 明 】 


值 中 的 前 4 项 是 系统 给 出 的 值 。normal 是 正常 值 , 不 加 粗 ; bold 为 粗 体 ,字体 粗细 
约 为 700; bolder 比 粗 体 更 粗 些 , 约 为 900; lighter 比 默 认 的 字体 细 些 。100 一 900 数值 越 
小 表示 字体 越 细 ,数值 越 大 字体 越 粗 。 

4) font-style 


该 属性 用 来 设置 字体 的 倾斜 效果 。 
恨 [基本 语法 1 
font - style:normal| italic|oblique; 
< [语法 说 明 ] 
其 中 ,normal 为 正常 字体 ,不 倾斜 ,是 默认 值 ;italic 为 倾斜 ; oblique 为 偏 斜体 。 


5) font-variant 
该 属性 用 来 将 中 文字 体 转换 为 较 小 的 中 文字 体 ,将 英文 字体 转换 为 大 写 且 字体 较 小 
的 英文 字体 。 
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恨 [基本 语法 

font - variant:normal| small - caps; 
< 【语法 说 明 】 

其 中 ,normal 为 默认 值 ,是 正常 的 字体 ; small-caps 是 将 小 写 英文 字体 转 为 大 写 英文 
字体 。 

6) font 

上 述 各 项 是 对 字体 的 某 一 项 属性 进行 设置 ,在 CSS 中 提供 了 font 属性 ,将 大 部 分 关 
于 字体 的 属性 集中 在 这 一 个 属性 上 ,用 来 对 字体 进行 综合 设置 。 


中 【基本 语法 】 


font:font ~ family font— style font—- variant font— weight font- size; 
【 例 5-9】 请 参看 资源 包 中 的 例 5-9。 
2. 文字 样式 属性 
1) color 
该 属性 用 来 设置 文字 的 颜色 。 
蝶 [基本 语法 1 
color:value; 
< [语法 说 明 】 


上 面 介绍 了 颜色 的 4 种 单位 : 颜色 名 称 、RGB 值 `RGB 百分比 值 .十 六 进 制 数 ,在 
color 属性 设置 时 ,value 值 可 以 是 这 4 种 单位 中 的 任何 一 种 。 

2) line-height 

该 属性 用 来 设置 行 高 ,控制 行 间 的 距离 。 


尼 【基本 语法 】 
line - height:normal| 比 例 | 长 度 单位 | 百分比 ; 
< [语法 说 明 】 


其 中 ,normal 是 默认 值 ; 比例 是 指 相对 于 元 素 font-size 设 定 大 小 的 倍数 ; 长 度 单位 
可 利用 绝对 以 及 相对 的 值 来 设置 高 度 ; 百分比 是 相对 于 元 素 font-size 的 百分比 。 比 例 、 
长 度 单位 、 百 分 比 的 值 可 以 为 正 值 ,也 可 以 为 负 值 。 正 值 表示 距离 拉 大 , 负 值 表示 距离 
减少 。 

3) word-spacing 


该 属性 用 来 设置 英文 单词 之 间 的 距离 。 
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慨 [基本 语法 ] 
word - spacing: normal| 比 例 | 长 度 单位 | 百分比 ; 
该 属性 中 的 各 值 与 line-height 属性 的 值 是 一 样 的 。 


4) letter-spacing 


该 属性 用 来 设置 字母 之 间 的 距离 。 
慨 [基本 语法 ] 
letter - spacing: normal| 比 例 | 长 度 单位 | 百分比 ; 
该 属性 中 的 各 值 与 line-height 属性 的 值 也 是 一 样 的 。 


5) text-shadow 


该 属性 用 来 设置 文本 阴影 的 颜色 和 位 置 。 
慨 [基本 语法 ] 

text - shadow: 颜 色 值 ”长 度 值 1 长 度 值 2 长 度 值 3; 
< [语法 说 明 】 


其 中 ,颜色 值 用 来 设置 阴影 的 颜色 ; 长 度 值 1 可 以 是 绝对 值 也 可 以 是 相对 值 , 用 来 设 
置 阴影 在 X 轴 方 向 相对 于 文本 本 身 位 置 的 偏 移 距离 ; 长 度 值 2 用 来 设置 Y 轴 的 偏 移 距 
离 ; 长 度 值 3 用 来 设置 阴影 的 模糊 半径 的 值 , 值 越 大 阴影 就 越 分 散 。 

6) text-decoration 


该 属性 用 来 对 文本 进行 修饰 ,如 添加 下 划 线 、 顶 线 ,删除 线 ,文字 闪烁 等 效果 。 
旺 【基本 语法 】 

text - decoration:underline|overline| line- through|blink |none; 
< [语法 说 明 】 


其 中 ,none 为 默认 值 ,不 加 任何 效果 ; underline 为 文字 添加 下 划 线 ; overline 为 文字 
添加 上 顶 线 ; line-through 为 文字 中 间 添 加 删除 线 ; blink 为 文字 添加 闪烁 效果 。 
【 例 5-10】 请 参看 资源 包 中 的 例 5-10。 


5.2.5 CSS 段落 属性 


在 CSS2 中 提供 了 很 多 关于 段落 设置 的 样式 ,使 用 它们 可 以 很 容易 地 设置 段落 的 排 
版 格式 等 效果 。 

1. text-align 

该 属性 用 来 控制 文字 段落 的 水 平 对 齐 方式 。 
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恨 [基本 语法 
text - align:left|right|center|justify; 
< [语法 说 明 】 
其 中 ,left 为 左 对 齐 ; right 为 右 对 齐 ; center 为 居中 对 齐 ; justify 为 两 端 对 齐 。 
2. text-transform 
该 属性 用 来 转换 英文 字母 的 大 小 写 形式 。 
恨 [二 术语 法 ] 
text - transform:capitalize|uppercase| lowercase| none; 
< [语法 说 明 】 


其 中 ,capitalize 将 每 个 英文 单词 的 首 字母 大 写 ; uppercase 将 每 个 英文 字母 转换 为 大 
写 ; lowercase 将 每 个 英文 字母 转换 为 小 写 ; none 默认 值 , 不 改变 大 小 写 。 
3. text-indent 


该 属性 用 来 设置 段落 的 首 行 缩 进 。 
慨 [基本 语法 1 

text - indent :value; 
< [语法 说 明 】 


其 中 ,value 值 可 以 是 长 度 单位 ,绝对 单位 或 者 相对 单位 都 可 以 ,相对 的 是 文本 元 素 
font-size 大 小 ; value 值 也 可 以 是 百分比 单位 。value 值 可 有 正 负 , 正 值 表示 向 右 缩 进 , 负 
值 表示 向 左 突出 。 

【 例 5-11】 请 参看 资源 包 中 的 例 5-11。 

4. vertical-align 


该 属性 用 来 设置 段落 文本 的 垂直 对 齐 方 式 。 
总 [基本 语法 1 

vertical ~ align: baseline | sub | super |top |text - top |middle | bottom |text - bottom | length 
< 【语法 说 明 】 


其 中 ,baseline 表示 将 支持 valign 特性 的 对 象 的 内 容 与 基线 对 齐 ; sub 表示 垂直 对 齐 
文本 的 下 标 ; super 表示 垂直 对 齐 文本 的 上 标 ; top 表示 将 支持 valign 特性 的 对 象 的 内 容 
与 对 象 顶 端 对 齐 ; text-top 表示 将 支持 valign 特性 的 对 象 的 文本 与 对 象 顶 端 对 齐 ; 
middle 表示 将 支持 valign 特性 的 对 象 的 内 容 与 对 象 中 部 对 齐 ; bottom 表示 将 支持 valign 
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特性 的 对 象 的 内 容 与 对 象 底 端 对 齐 ; text-bottom 表示 将 支持 valign 特性 的 对 象 的 文本 
与 对 象 底 端 对 齐 ; length 表示 CSS2 由 浮 点 数字 和 单位 标识 符 组 成 的 长 度 值 | 百分数 ,可 
为 负数 ,定义 由 基线 算 起 的 偏 移 量 。 基 线 对 于 数值 来 说 为 0, 对 于 百分数 来 说 就 是 0% 。 
目前 IE 5 尚 不 支持 。 


$5. direction 

该 属性 用 于 设置 文本 块 的 方向 或 书写 方向 。 
慨 [二 本 语法 ] 

direction : ltr | rtl | inherit ; 


< [语法 说 明 】 


其 中 ,ltr 表示 文本 从 左 到 右 书 写 , 是 默认 值 ; rtl 表示 文本 从 右 到 左 书写 ; inherit 表 
示 文 本 的 值 不 可 继承 。 

【 例 5-12】 请 参看 资源 包 中 的 例 5-12。 

6. :first-letter 

这 是 一 个 伪 类 ,用 来 设置 段落 的 首 字 的 样式 。 
慨 [基本 语法 ] 

选择 符 :first - letter{ 属 性 值 : 值 ;...} 

该 样式 中 常用 的 属性 有 font、color、 background、word-spacing、 letter-spacing、 text- 
decoration vertical-align ,text-transform ,line-height clear。 

7. :first-line 

这 也 是 一 个 伪 类 ,用 来 设置 段落 的 首 行文 字 的 样式 。 
恨 [基本 语法 1 

选择 符 :first - line{ 属 性 值 : 值 ;...} 

样式 中 常用 的 属性 与 :first-letter 相同 。 

【 例 5-13】 请 参看 资源 包 中 的 例 5-13。 

5.2.6 CSS 定位 


元 素 定 位 是 CSS 布局 的 基础 ,只 有 将 各 个 网 页 元 素 放置 到 合适 的 位 置 ,才能 合理 构 
建 出 网 页 的 布局 。 在 CSS 中 ,实现 元 素 定位 的 方法 主要 有 两 种 : 利用 定位 属性 定位 和 利 
用 浮动 属性 定位 。 

1. 定位 属性 

利用 定位 属性 (position) 实 现 元 素 定位 主要 包括 3 种 方式 : 绝对 定位 、 相 对 定位 和 固 
定 定位 。 必 须 注 意 的 是 ,在 利用 定位 属性 进行 定位 时 ,还 需 结合 边 偏 移 属性 和 z-index 属 
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性 来 实现 。 其 中 定位 属性 用 来 确定 采用 哪 种 定位 方式 , 边 偏 移 属 性 用 来 确定 元 素 的 位 置 ， 


而 z-index 属性 用 来 确定 元 素 的 层 琶 顺序 。 
1) 定位 属性 


恨 [基本 语法 ] 
position : static| absolute | relative | fixed; 


< [语法 说 明 ] 


(1) static: 静态 定位 。 默 认 取 值 , 即 页 面 中 的 普通 元 素 默认 均 为 静态 定位 。 


(2) absolute: 绝对 定位 。 
(3) relative: 相对 定位 。 
(4) fixed: 固定 定位 。 
2) 边 偏 移 属性 


边 偏 移 属性 主要 包括 4 个 方向 的 分 量 ,分 别 是 top( 上 )、right( 右 )、bottom( 下 ) 和 


left( 左 )。 

尼 【基本 语法 】 
top|right|left|botton: 值 

< 【语法 说 明 】 
(1) top: 定义 元 素 相 对 于 父 元 素 上 边线 的 距离 。 
(2) right: 定义 元 素 相对 于 父 元 素 右边 线 的 距离 。 
(3) bottom: 定义 元 素 相对 于 父 元 素 下 边线 的 距离 。 


(4) left: 定义 元 素 相 对 于 父 元 素 左 边线 的 距离 。 
一 般 在 水 平方 向 和 垂直 方向 各 选取 一 个 分 量 即 可 准确 控制 元 素 的 位 置 。 


例如 ,在 元 


素 宽 、 高 都 确定 的 情况 下 ,设置 边 偏 移 中 的 top、left 两 个 属性 即 可 确定 各 个 元 素 在 页 面 中 


的 确切 位 置 。 


3) z-index 属性 。z-index 属性 用 以 控制 元 素 重 倒 时 的 顺序 关系 。 取 值 可 以 是 正 数 ,也 
可 以 是 负数 ,默认 取 值 为 0。 取 值 越 大 , 则 在 层 琶 关系 中 越 处 于 上 层 ; 反之 , 则 处 于 下 层 。 


2. 绝对 定位 


绝对 定位 属性 的 写法 为 position: absolute。 它 是 以 父 元 素 的 坐标 原点 为 参照 ,通过 


边 偏 移 属性 来 控制 元 素 位 置 的 定位 方式 。 一 般 在 页 面 布局 中 父 元 素 为 body， 
坐标 原点 在 浏览 器 的 左上 角 。 


因此 参照 的 


页 面 中 的 各 个 元 素 使 用 绝对 定位 之 后 , 即 脱 离 了 普通 文本 流 . 因 此 可 以 将 其 精确 地 定位 
到 页 面 中 的 任意 位 置 。Dreamweaver CS5 中 的 AP 元 素 即 是 采用 绝对 定位 之 后 的 div 元 素 。 


【 例 5-14】 请 参看 资源 包 中 的 例 5-14。 
3. 相对 定位 


相对 定位 属性 的 写法 为 position: relative。 相 对 定位 的 参照 原点 是 元 素 本 身 在 默认 
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情况 时 ( 即 position 值 为 static 时 ) 的 位 置 。 要 注意 的 是 ,元 素 相 对 定位 后 位 置 发 生 了 偏 
移 , 但 是 元 素 原本 占有 的 位 置 并 未 消失 。 

【 例 5-15】 请 参看 资源 包 中 的 例 5-15。 

4. 固定 定位 

固定 定位 属性 的 写法 为 position: fixed。 采 用 这 种 定位 可 使 元 素 固定 显示 于 屏幕 中 
的 某 个 位 置 。 当 拖 动 浏览 器 的 滚动 条 阅读 其 他 内 容 时 ,固定 定位 的 元 素 位 置 不 变 。 对 于 
这 种 定位 方式 , 某 些 浏览 器 不 支持 (如 IE 6 及 其 以 下 版 本 ) 。 

5. 浮动 属性 

浮动 (float) 是 最 常用 的 一 种 元 素 定位 方式 。 与 利用 定位 属性 的 方式 相 比 ,浮动 更 方 
便 、 直 观 。 它 能 改变 元 素 的 默认 显示 方式 ,可 使 原本 换行 显示 的 块 元 素 转 为 同行 显示 ,由 
此 来 实现 对 块 元 素 的 定位 。DIV 十 CSS 的 页 面 布 局 方式 也 主要 是 基于 此 来 实现 。 

浮动 属性 用 来 设置 元 素 是 否 浮 动 以 及 其 具体 的 浮动 方式 , 它 的 语法 如 下 。 


恨 [基本 语法 ] 
float:none|Left|right; 
【语法 说 明 ] 


(1) none: 不 浮动 。 页 面 中 的 元 素 默认 都 不 浮动 。 

(2) left: 元 素 向 左 浮动 。 

(3) right: 元 素 向 右 浮动 。 

页 面 中 的 各 个 元 素 若 都 设置 为 左 浮动 , 则 按 定义 顺序 依次 从 页 面 左 侧 开始 排列 ; 若 
设置 为 右 浮动 , 则 依次 从 页 面 右 侧 开始 排列 。 如 果 当 前 浏览 器 的 宽度 不 足以 显示 所 有 的 
块 , 则 后 续 的 块 会 自动 换行 向 左 侧 或 右 侧 排列 。 

例 5-16 给 出 了 两 个 元 素 ,一 个 左 浮动 , 男 一 个 右 浮动 的 例子 。 

【 例 5-16】 请 参看 资源 包 中 的 例 5-16。 


5.3 页面 动 态 技术 


只 使 用 HTML 和 CSS 技术 的 网 页 ,页面 在 浏览 时 只 能 静态 地 显示 给 访问 者 ,如 果 需 
要 让 页 面 动 起 来 ,或 是 让 页 面 可 以 与 访问 者 交互 ,就 需要 前 台 脚 本 技术 。 


§ 【小 提示 】 


本 节 介 绍 的 技术 虽然 也 称 为 动态 技术 ,但 主要 针对 的 是 页 面 的 动态 显示 效果 ,而 本 书 

所 说 的 动态 , 则 是 指 与 服务 器 尤其 是 数据 库 的 动态 交互 技术 。 随 着 新 技术 的 发 展 ,前 台 动 
态 技 术 也 可 以 完成 与 后 台数 据 库 服 务 器 的 数据 交互 ,如 Ajax 技术 。 

前 台 脚 本 技术 主要 包括 两 种 实现 ,一 个 是 基于 Java 语法 规划 的 JavaScript 脚本 语 

, 另 一 个 是 基于 VB 语法 规划 的 VBScript。 两 种 脚本 都 可 以 实现 页 面 动态 效果 ,本 节 以 
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JavaScript 为 例 加 以 讲解 。 
5.3.1 JavaScript 概述 


JavaScript 是 一 种 以 网 页 为 基础 ,基于 对 象 和 事件 驱动 ,主要 对 网 页 进行 修饰 ,并 可 
以 与 服务 器 端 程序 进行 通信 的 , 源 于 Java 语言 的 客户 端 脚本 语言 。 最 早 由 Netscape 开 
发 的 Live Script 发 展 而 来 ,主要 目的 是 解决 服务 器 端 语言 ,比如 Perl 或 其 他 CGI( 通 过 用 
网 接口 ) 程 序 遗 留 的 速度 和 频繁 交互 的 问题 ,为 客户 端 提供 更 流畅 ,更 方便 的 使 用 效果 。 
JavaScript 可 以 通过 其 对 客户 端 网 页 页 面 进行 修饰 ,如 增加 动态 的 菜单 效果 、 增 加 窗口 的 
显示 效果 、 对 网 页 中 的 各 种 对 象 进行 控制 等 ,都 可 以 使 用 JavaScript 完成 , 它 是 微软 公司 
开发 的 VBScript 的 有 力 竞争 对 手 ,现在 很 大 一 部 分 的 网 页 都 是 使 用 其 进行 开发 与 修 
饰 的 。 

JavaScript 的 正式 名 称 是 ECMA Script, 是 由 ECMA 组 织 发 展 和 维护 。ECMA-262 
是 正式 的 JavaScript 标准 ,这 个 标准 基于 应 用 于 Netscape 浏览 器 的 JavaScript 和 应 用 于 
Microsoft 浏览 器 的 JScript 而 制订 的 。 

Netscape 公司 的 Navigator 2. 0 的 开发 者 之 一 Brendan Erich 发 明了 这 门 语言 ,并 从 
1996 年 开始 其 已 经 出 现在 所 有 的 Netscape 和 Microsoft 浏览 器 中 ,在 1997 年 7 月 的 
ECMA 会 员 大 会 上 采纳 了 其 首 个 版 本 ,在 1998 年 ,其 成 为 国际 ISO 标准 (ISO/IEC 
16262) 。 

JavaScript 是 戏 入 在 HTML 源 代码 中 的 ,因此 可 以 使 用 任何 一 款 文本 编辑 工具 (如 
记事 本 、Dreamweaver 或 是 Ultra Edit 等 ) 进 行 编写 ,然后 对 JavaScript 提供 支持 的 浏览 
器 中 运行 就 可 以 看 到 效果 。 

【 例 5-17】 请 参看 资源 包 中 的 例 5-17。 

JavaScript 的 语句 书写 类 似 Java 或 C 语言 ,语法 规则 也 很 相似 ,通常 要 在 每 行 语句 的 
结尾 处 加 上 一 个 分 号 ,但 根据 JavaScript 标准 ,分 号 是 可 选 的 ,浏览 器 也 可 以 把 行 末 作为 
语句 的 结尾 ,但 需要 注意 ,如 果 在 一 行 上 写 下 多 条 语句 里 ,每 条 语句 的 结尾 处 必须 使 用 
分 号 。 

JavaScript 虽然 是 一 个 嵌入 HTML 源 代码 中 的 程序 ,但 它 不 属于 HTML 中 的 内 容 ， 
因此 JavaScript 的 代码 要 放 在 HTML 标记 符 志 script 二 和 二/script 二 之 间 ; 否则 浏览 器 
不 会 对 JavaScript 代码 进行 解释 和 执行 。 

re J SE 三 script 记 标记 符 中 有 多 个 参数 ,如 果 包 含 的 是 
Coeript laneuaee=T JavaScript 代码 , 其 language 选项 的 值 要 设置 为 


在 所 


iavascrint JavaScript。 此 外 ,也 可 以 设置 为 JavaScriptl. 1、 


《body> iavascript1. 2 
/body> javascrint1. 3 
/html> 总 javascript1. 生 


iavascrint1.1 
JavaScriptl. 2 或 是 jscript 等 值 , 其 含义 也 都 表示 
和 ee 支持 JavaScript 脚本 语言 。 在 Dreamweaver 中 的 
史 ”代码 编辑 环境 里 ,可 以 看 到 language 选项 的 可 选 
值 ,其 中 以 j 开头 的 就 都 是 支持 JavaScript 脚本 的 
图 5-6 Dreamweaver 的 代码 编辑 环境 选项 ,如 图 5-6 所 示 。 


> 在 一 个 网 页 中 ,并 没有 规定 只 能 使 用 一 次 


< 一 script 二 标记 符 , 因 此 有 些 网 页 中 既 在 一 head 二 和 二 /head 二 之 间 包 含 了 JavaScript 代 
码 , 也 在 二 body 二 和 二 /body 二 之 间 包 含 了 JavaScript 代码 。 

JavaScript 代码 除了 可 以 直接 放 在 二 script 之 和 所 /script 盖 标记 符 之 间 , 还 可 以 以 一 
个 单独 的 文件 存在 ,并 通过 所 script 之 标记 符 的 src 参数 指定 包含 有 JavaScript 代码 的 
文件 。 

在 编辑 工具 中 输入 下 面 的 代码 ,并 保存 为 网 页 文件 (扩展 名 为 . html 或 . htm) 。 

【 例 5-18】 请 参看 资源 包 中 的 例 5-18。 

JavaScript 代码 可 以 直接 放置 在 二 script 二 和 去 /script 二 之 间 , 这 部 分 代码 在 网 页 打 
开 时 ,会 按 前 后 顺序 依次 被 自动 执行 ,如 示例 5-17 中 介绍 的 3 个 JavaScript 示例 程序 。 

JavaScript 代码 还 可 以 放置 在 函数 中 ,这 时 的 代码 不 会 被 自动 执行 ,而 是 需要 通过 事 
件 来 激活 这 部 分 代码 。 

在 编辑 工具 中 输入 下 面 的 代码 ,并 保存 为 网 页 文件 。 

【 例 5-19】 请 参看 资源 包 中 的 例 5-19 。 

可 以 看 到 ,这 个 网 页 中 的 JavaScript 代码 都 是 放 在 function 这 个 JavaScript 关键 字 
中 ,其 表示 定义 一 个 函数 ,在 其 后 面 的 名 字 (js_click) 就 是 函数 名 ,函数 名 后 必须 跟 一 个 括 
号 对 (用 于 说 明 传 人 的 参数 ,如 果 没 有 参数 , 则 括号 对 中 间 为 空 )。 

为 了 能 够 触发 这 个 函数 ,在 网 页 正文 的 一 input 二 标记 符 中 多 了 一 个 onclick 参数 ,其 
值 指明 了 要 执行 的 函数 名 ( 即 在 一 script 盖 标记 符 中 定义 的 函数 js_click()) ,这 样 当 使 用 
者 单 击 一 input 之 标记 符 定义 的 按钮 时 ,就 会 执行 对 应 的 JavaScript 函数 ,这 种 方法 就 是 
事件 驱动 方式 。 

在 函数 js_click() 中 只 包含 一 条 语句 , 即 alert(" 大 家 好 ") ,其 中 alert() 是 一 个 系统 函 
数 ,其 作用 是 弹出 一 个 对 话 框 , 此 函数 的 参数 表示 弹出 的 对 话 框 中 所 显示 的 内 容 。 


5.3.2 ， JavaScript 变量 与 数据 类 型 


在 任何 一 个 编程 语言 中 都 需要 存储 数据 ,这 些 数据 一 般 都 存储 在 变量 中 。 变 量 顾 名 
思 义 就 是 可 以 变化 的 量 ,其 中 的 内 容 在 程序 运行 过 程 中 是 可 以 发 生变 化 的 ,因此 变量 一 般 
是 作为 运行 的 中 间 过 程 或 结果 来 存储 数据 的 。 比 如 循环 中 的 计数 值 就 要 存储 在 一 个 变量 
中 ,或 是 存储 用 户 接 收 的 输入 值 , 也 要 使 用 变量 。 

JavaScript 的 变量 在 使 用 之 前 ,一 般 要 先进 行 声明 , 即 在 使 用 变量 之 前 ,指出 变量 的 
名 称 。JavaScript 可 以 在 变量 声明 时 指定 数据 类 型 ,也 可 以 通过 赋值 来 指定 变量 的 类 型 。 

下 面 的 语句 声明 了 两 个 未 定义 类 型 变量 。 

var i,j; 

Li 

j = "Hello, JavaScript"; 

赋值 后 变量 i 是 数字 类 型 ,而 变量 j 为 字符 串 型 。 

JavaScript 变量 有 一 套 命名 的 规范 ,其 要 求 如 下 。 

(1) 变量 的 第 一 个 字符 必须 是 一 个 ASCII 字母 (大 小 写 均 可 ) ,或 一 个 下 划 线 (“_”)。 
注意 第 一 个 字符 不 能 是 数字 。 
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(2) 后 续 的 字符 必须 是 字母 ,数字 或 下 划 线 。 
(3) 变量 对 大 小 写 敏感 , 即 大 写 的 变量 A 和 小 写 的 变量 a 是 两 个 不 同 的 变量 。 


(4) 变量 名 称 不 能 与 保留 字 一 样 ,如 不 能 使 用 var 或 是 function 等 。 


JavaScript 的 保留 字 如 表 5-4 所 示 。 


表 5-4 JavaScript 的 保留 字 
break delete function return typeof 
case do 让 switch var 
catch else in this void 
continue false instanceof throw while 
debugger finally new true with 
default for null try 


JavaScript 还 为 将 来 的 扩展 提前 预 留 了 一 些 保留 字 , 如 表 5-5 所 示 。 


此 外 ,有 些 对 象 或 系统 函数 的 名 字 最 好 也 避免 使 用 ,以 免 出 现 问题 ,如 String 或 
parseInt 等 。 如 果 变 量 没有 声明 而 是 直接 赋值 ,这 种 情况 浏览 器 一 般 也 支持 ,但 建议 还 是 


先 声明 再 使 用 。 
变量 在 声明 时 一 般 要 指定 数据 类 型 ,在 JavaScript 中 ,有 3 种 主 数据 类 型 ,两 种 复合 
数据 类 型 和 两 种 特殊 数据 类 型 。 
表 5-5 JavaScript 扩展 的 保留 字 

abstract double goto native static 

boolean enum implements package super 

byte export import private synchronized 

char extends int protected throws 

class final interface public transient 

const float long short volatile 


主 数据 类 型 主要 有 3 种 : 字符 串 类 型 数字 类 型 和 Boolean( 逻 辑 ) 类 型 ; 复合 数据 类 
型 是 对 象 和 数组 ; 特殊 数据 类 型 是 Null( 空 ) 类 型 和 未 定义 (var, 也 称 为 万 能 型 ) 类 型 。 其 
中 对 象 和 数组 将 在 后 面 的 小 节 里 讲 到 。 


1. 字符 串 类 型 


字符 串 值 是 一 个 由 零 或 多 个 Unicode 字符 (包括 字母 .数字 和 标点 符号 ) 组 成 的 ,其 一 
般 表 示 JavaScript 中 的 文本 。 字 符 串 在 使 用 时 必须 使 用 单 引 号 或 双 引 号 将 其 括 起 来 ,被 
单 引号 括 起 的 字符 串 内 可 以 包含 双 引 号 ,被 双 引号 引起 的 字符 串 内 也 可 以 包含 单 引 号 。 


2. 数字 类 型 


JavaScript 没有 区 别 整 数值 和 浮 点 值 (包含 小 数位 的 数字 ) ,统一 称 为 数字 类 型 ,一般 
是 通过 值 来 进行 判断 ,例如 数字 1 被 认为 是 整数 ,而 包含 有 小 数 点 的 数字 1.0 被 认为 是 浮 


点 数 。 
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3. Boolean( 逻 辑 ) 类 型 


Boolean 类 型 一 般 作为 逻辑 判断 使 用 ,其 只 有 两 个 值 ,一 个 是 真 (true), 另 一 个 是 假 
(false) 。 


4. Null( 空 ) 类 型 


此 类 型 只 有 一 个 值 , 即 null( 空 )。 其 作用 比较 少 ,比如 给 一 个 变量 赋值 为 null 值 , 就 
表示 清除 此 变量 中 的 内 容 。 


5. 未 定义 类 型 

这 个 类 型 表示 变量 没有 明确 的 类 型 ,需要 在 赋值 后 才能 定义 类 型 。 

5.3.3 JavaScript 运算 符 与 表达 式 

为 了 能 够 进行 算术 和 逻辑 计算 或 是 进行 字符 串 操作 ,JavaScript 提供 了 多 种 运算 符 。 
下 面 简要 介绍 其 中 比较 重要 的 几 个 。 

1. 算术 运算 符 


算术 运算 符 用 于 执行 变量 或 值 之 间 的 算术 运算 ,主要 完成 加 、 减 、 乘 \ 除 等 运算 。 算术 
运算 符 如 表 5-6 所 示 。 


2. 赋值 运算 符 
赋值 运算 符 用 于 给 JavaScript 变量 赋值 ,如 表 5-7 所 示 。 
表 5-6 算术 运算 符 
运算 符 描述 例子 结果 
守 加 Xx 一 y 十 2 x 一 7 
减 x=y—2 R=3 
关 乘 x 一 yx 2 x 一 10 
/ 除 x=y/2 x=2.5 
% 求 余数 (保留 整数 ) x=y%2 x=1 
累加 x 一 十 十 y x 一 6 
ee 递减 x=——y | 
表 5-7 赋值 运算 符 
运算 符 例子 等 价 于 
一 x=y 
+= x+=y x=x+y 
过 x 一 一 y x=x—y 
#* 二 xx 一 y x 一 xx y 
x/=y x=x/y 
%= x%=y x=x%y 
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3. 逻辑 运算 符 
逻辑 运算 符 一 般 用 于 语句 的 判断 ,返回 逻辑 类 型 的 值 , 其 运算 符 如 表 5-8 所 示 。 
表 5-8 远 辑 运算 符 

运算 符 描述 例子 结 果 
ws 等 于 a 一 一 如 果 a 和 的 值 相同 则 返回 true( 真 ); 否则 返回 false( 假 ) 
!= 不 等 于 al=b 如 果 a 和 bb 的 值 不 相同 则 返回 true( 真 ); 否则 返回 false( 假 ) 
> 大 竹 a>b a 大 于 b 则 返回 true( 真 ); 否则 返回 false( 假 ) 
>= 大 于 等 于 | a>=b a 大 于 等 于 b 则 返回 true( 真 ); 否则 返回 false( 假 ) 
这 小 于 a<b a 小 于 b 则 返回 true( 真 ); 否则 返回 false( 假 ) 
<= 小 于 等 于 | a<=b a 小 于 等 于 b 则 返回 true( 真 ); 否则 返回 false( 假 ) 


4. 字符 串 运算 符 

字符 串 运 算 符 只 有 一 个 , 即 加 号 (“十 ”), 其 用 于 把 文本 值 或 字符 串 变量 前 后 连接 起 
来 。 如 果 是 其 他 类 型 的 值 与 字符 串 类 型 的 值 使 用 加 号 连接 在 一 起 , 则 结果 是 字符 串 类 型 
的 值 。 


5.3.4 JavaScript 程序 结构 


同 其 他 的 高 级 程序 语言 一 样 ,JavaScript 提供 了 3 种 程序 结构 ,分 别 是 顺序 结构 、 分 
支 结 构 和 循环 结构 。 

1. 顺序 结构 

顺序 结构 最 简单 ,其 执行 方法 是 从 上 到 下 ,中间 没有 其 他 的 分 支线 路 ,图 5-1 所 示 的 
“ 例 5-1” 的 程序 结构 就 是 一 个 顺序 结构 。 

2. 分 支 结 构 

分 支 结 构 就 是 在 程序 的 执行 过 程 中 ,通过 逻辑 判断 ,在 多 条 备 选 执行 线路 中 ,选择 出 
一 条 来 执行 。JavaScript 中 的 分 支 语句 主要 有 以 下 几 种 。 

(1) 站 语句 。 


旺 【基本 语法 】 


if (条 件 ) { 
条 件 成 立时 执行 的 代码 

} 

其 中 “条 件 ” 是 一 个 逻辑 表达 式 , 当 值 为 真 时 ,就 执行 花 括 号 对 (*{” 和 “}”) 中 的 代码 。 

【 例 5-20】 请 参看 资源 包 中 的 例 5-20。 

这 段 代 码 在 用 户 登录 或 注册 等 界面 中 经 常 被 使 用 ,通过 JavaScript 代码 的 判断 ,可 以 在 
页 面 被 提交 给 服务 器 前 就 进行 最 基本 的 内 容 判 断 , 这 样 就 节省 了 网 络 带 宽 和 等 待 的 时 间 。 

本 示例 中 的 JavaScript 代码 是 放 在 check() 函 数 中 的 ,由 “提交 ”按钮 中 的 onclick( 鼠 
标 单 击 ) 事 件 执行 , 即 当 用 户 单 击 “ 提 交 ” 按 钮 时 执行 check() 函 数 。 由 于 check() 函 数 根 


据 判 断 会 返回 不 同 的 值 ( 真 值 true 表示 继续 提交 , 假 值 false 表示 停止 提交 ) ,这 时 的 
onclick 事件 也 会 执行 对 应 的 操作 ,因此 onclick 事件 的 值 要 写 为 “return check();”。 

在 check() 函 数 中 首先 判断 页 面 中 的 用 户 名 输入 框 中 的 值 是 否 为 空 , 即 等 于 空 , 用 户 
名 输入 框 使 用 页 面 对 象 document 下 的 属性 值 , 即 document. forml. username. value, 如 
果 等 于 空 值 , 则 使 用 alert() 函 数 弹 出 一 个 提示 对 话 框 ,并 返回 false 值 。 密 码 框 的 判断 也 
是 相同 的 。 

(2) if...else 语句 。 


吴 【基本 语法 】 


证 (条件 ){ 
条 件 成 立时 执行 此 代码 
条 件 不 成 立时 执行 此 代码 
} 
if...else 语句 要 比 放 语 句 多 出 一 个 可 选 分 支 ,在 让 语句 中 ,如 果 这 后 面 的 判断 条 件 为 
真 , 则 直接 执行 计 语 句 段 后 面 的 内 容 , 而 当 计 后 面 的 判断 条 件 为 假 时 , 转 而 执行 else 中 的 
语句 内 容 。 
【 例 5-21】 请 参看 资源 包 中 的 例 5-21 。 
本 例 的 代码 也 是 使 用 onclick 事件 驱动 执行 check() 函 数 中 的 JavaScript 代码 。 代 码 
中 使 用 了 if...else 语句 ,在 让 语句 后 面 判断 复 选 框 是 否 被 选择 , 即 通 过 判断 document 对 
象 下 的 forml 表单 中 的 enjoy 复 选 框 的 checked 属性 (document. forml. enjoy. checked) 
的 值 是 否 为 真 ,来 确定 用 户 是 否 选 择 了 这 个 复 选 框 。 如 果 条 件 为 真 , 则 执行 ff 后 花 括 号 
中 的 语句 ; 如 果 条 件 为 假 , 则 执行 else 后 花 括 号 中 的 语句 。 
3. 循环 结构 
当 重 复 执 行 同 一 段 代 码 或 是 进行 遍历 数组 等 操作 时 就 要 用 到 循环 语句 。 循 环 语句 也 
是 程序 中 最 常用 的 结构 之 一 。 
(1) for...in 循环 。 


旺 【基本 语法 】 


for( 变 量 in 对 象 或 数组 ){ 
在 此 执行 代码 

} 

for...in 循环 是 for 循环 的 一 种 变形 ,其 主要 用 于 遍历 数组 或 者 对 象 的 属性 , 即 对 数组 
或 者 对 象 的 属性 进行 循环 操作 。 

【 例 5-22】 请 参看 资源 包 中 的 例 5-22。 

在 这 段 代码 中 ,首先 定义 了 一 个 循环 使 用 的 变量 x, 然 后 定义 了 数组 对 象 ,并 依次 对 
每 一 个 数组 元 素 赋值 ,最 后 使 用 for...in 循环 遍历 数组 并 显示 出 来 。 
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(2) while 循环 。 
尼 【基本 语法 】 


while( 判 断 条 件 ){ 
需 执行 的 代码 

} 

while 循环 和 for 循环 相似 ,都 可 以 重复 执行 一 段 代 码 ,但 while 循环 后 的 花 括号 中 只 
有 一 个 继续 执行 循环 条 件 的 判断 ,因此 while 循环 不 但 可 以 进行 数字 表达 式 的 判断 ,也 可 
以 进行 其 他 类 型 表达 式 的 判断 。 

【 例 5-23】 请 参看 资源 包 中 的 例 5-23。 

在 本 例 的 代码 中 ,前 面 先 是 定义 了 变量 x 和 一 个 数组 ,并 对 数组 进行 了 赋值 ,然后 对 
遍历 数组 用 的 变量 x 进行 了 初始 化 ,在 while 循环 中 依次 检查 每 一 个 数组 的 值 ,直到 值 是 
black 为 止 循环 才 结 束 , 在 循环 中 进行 了 内 容 的 显示 ,同时 对 变量 x 进行 了 增 量 操作 ,这 里 
需要 注意 ,如 果 在 循环 中 忘 了 对 x 进行 增 量 , 则 循环 将 变 成 死 循环 。 


5.3.5 _ JavaScript 函数 


JavaScript 程序 主要 以 函数 为 单位 进行 编程 设计 ,函数 一 般 是 由 事件 来 驱动 ,或 者 被 
其 他 函数 调用 。 使 用 函数 的 最 初 目的 是 减少 编程 工作 量 ,将 可 重复 使 用 的 代码 块 放 在 函 
数 中 以 方便 调用 ,而 现在 则 加 入 了 使 源 代码 阅读 更 清楚 的 目的 。 

JavaScript 程序 中 主要 提供 了 两 种 函数 : 一 种 是 系统 自 带 的 函数 ; 另 一 种 是 由 用 户 
自 定义 的 函数 。 

JavaScript 程序 中 自 定义 函数 的 创建 方法 非常 简单 。 


旺 【基本 语法 】 


function 函数 名 (varl, var2, .…, varX){ 
代码 块 … 
} 


其 中 function 为 关键 字 , 而 “函数 名 ”位 置 则 使 用 与 声明 变量 一 样 的 规则 给 函数 起 一 
个 本 网 页 中 唯一 的 名 字 , 再 后 面 是 括号 对 ,在 括号 对 中 是 传人 函数 中 的 参数 ,如 果 有 多 个 
参数 , 则 使 用 逗号 分 隔 ; 如 果 函 数 没有 参数 , 则 只 保留 括号 对 。 然 后 是 由 花 括 号 包含 的 代 
码 块 。 

JavaScript 程序 中 函数 的 调用 一 般 有 两 种 情况 : 中 通过 事件 驱动 来 调用 ,如 按钮 对 象 
的 鼠标 单 击 事件 ; 思 由 其 他 函数 来 调用 。 

调用 的 方法 是 在 需要 调用 时 直接 写 上 函数 的 名 称 ,如 果 有 参数 ,把 参数 放 在 调用 的 函 
数 名 后 的 括号 对 中 ,多 个 参数 之 间 使 用 逗号 分 隔 ; 如 果 没 有 参数 , 则 也 要 增加 一 个 括号 对 
在 隐 数 名 的 后 面 。 如 果 调 用 的 函数 有 返回 值 , 则 需要 在 被 调用 的 函数 名 前 加 上 一 个 接收 
变量 和 一 个 等 号 。 


有 些 函 数 经 过 运算 后 会 有 返回 值 , 在 函数 中 可 以 使 用 return 语句 。 一 般 在 return 语 
句 的 后 面 会 跟 一 个 变量 或 常量 。 如 果 函 数 中 包含 多 条 return 语句 , 则 只 有 第 一 个 被 执行 
的 return 语句 有 效 , 另 一 个 return 语句 只 能 返回 一 个 值 。 

为 了 方便 开发 ,系统 不 但 允许 用 户 自己 定义 函数 ,还 提供 给 开发 者 丰富 的 编程 资源 ， 
这 些 资 源 都 是 以 函数 的 形式 出 现 ,因此 也 称 其 为 系统 函数 。 这 些 函 数 一 共 可 分 为 五 类 : 
常规 函数 、 数 组 函数 ,日 期 函数 数学 函数 和 字符 串 函 数 。 其 中 除了 常规 函数 ,其 他 函数 都 
要 和 对 象 一 起 使 用 。 

在 系统 函数 中 ,最 常 使 用 的 就 是 消息 对 话 框 函数 了 ., 它 不 但 用 于 网 页 运行 时 的 一 些 提 
示 性 显示 ,有 了 时 还 可 以 应 用 在 调试 过 程 中 。 消 息 对 话 框 函数 主要 有 3 种 弹出 对 话 框 ,分 别 
是 使 用 alert() .confirm() 及 prompt() 方 法 调用 。 

1. alert() 对 话 框 


吴 【基本 语法 】 


alert( 字 符 串 ); 


其 主要 功能 是 显示 提示 信息 ,在 弹出 的 对 话 框 中 ,会 将 alert() 函 数 的 参数 作为 提示 
内 容 显 示 在 对 话 杠 上 ,并 在 下 面 显 示 一 个 “确定 ”按钮 。 
2. confirm() 对 话 框 


蝶 [基本 语法 ] 
ret = confirm( 字 符 串 ); 


其 主要 功能 是 显示 一 个 可 以 选择 的 提示 信息 ,在 对 话 框 中 会 将 confirm() 函 数 的 参数 
作为 提示 信息 显示 出 来 ,并 在 下 面 显示 出 一 个 “确定 ”按钮 和 一 个 “取消 "按钮 。 本 函数 会 
根据 用 户 的 选择 返回 不 同 的 值 , 如 果 单 击 * 确 定 "按钮 将 返回 true; 否则 返回 false。 


3. prompt() 对 话 框 


旺 【基本 语法 】 

ret = prompt( 提 示 字 符 串 ,默认 输入 框 内 的 字符 串 ); 

其 主要 功能 是 显示 一 个 可 以 输入 内 容 的 对 话 框 ,在 对 话 框 中 会 将 prompt() 两 数 的 第 
一 个 参数 作为 提示 信息 显示 出 来 ,下 面 是 一 个 文本 输入 框 .其 默认 值 就 是 prompt() 函 数 
的 第 二 个 参数 (一 般 这 个 值 是 空 . 即 ”") ,再 下 面 是 一 个 “确定 ”按钮 。 当 用 户 在 输入 框 中 
输入 内 容 并 单 击 “确定 "按钮 后 ,该 对 话 框 会 关闭 ,并 将 用 户 输入 的 字符 串 返回 给 调用 者 。 

【 例 5-24】 请 参看 资源 包 中 的 例 5-24。 


5.3.6 _ JavaScript 对象 


对 象 是 JavaScript 程序 中 比较 重要 的 概念 之 一 ,很 多 实用 性 的 功能 必须 要 依靠 对 象 
才能 实现 。 
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JavaScript 是 面向 对 象 的 编程 语言 (OOP), 因 此 其 提供 了 非常 强大 的 对 象 功能 。 
JavaScript 提供 了 很 多 已 经 定义 好 的 内 部 对 象 ,也 允许 用 户 自 定义 对 象 ,但 由 于 本 书 定位 
于 入 门 级 水 平 ,因此 只 讲解 内 部 对 象 。 

对 象 可 以 看 成 是 一 种 特殊 的 数据 ,每 一 个 对 象 都 包括 众多 的 属性 和 方法 。 属 性 是 指 
与 对 象 有 关 的 值 , 其 表现 形式 一 般 是 变量 ; 方法 指 对 象 可 以 执行 的 行为 ,其 表现 形式 一 般 
是 函数 。 

下 面 的 代码 显示 了 一 个 字符 串 ,并 通过 调用 对 象 的 属性 和 方法 ,显示 了 字符 串 的 长 度 
和 全 部 变 成 大 写 后 的 结果 。 

< html >< head > 

<title> 例 5-25 </title> 

< script language = "javascript"> 

var txt = "Hello World! "; 

document. write("<p> 原 始 字符 串 是 : " + txt); 

document. write("<p> 字 符 串 的 长 度 是 : " + txt. length); 

document. write("<p> 全 部 变 成 大 写 后 的 字符 串 是 : ”+ txt. toUpperCase()); 

</script ></head> 

<body></body></htnml > 

在 JavaScript 代码 开始 处 首先 是 定义 了 一 个 包含 有 大 小 写字 母 的 字符 串 , 然 后 分 别 
调用 了 3 次 document 对 象 中 的 write() 函 数 ( 即 document 对 象 的 write() 方 法 ), 第 一 次 
显示 了 字符 串 本 身 ; 第 二 次 调用 了 字符 串 对 象 中 的 length 属性 ,显示 了 字符 串 的 长 度 ; 
第 三 次 使 用 了 字符 串 对 象 的 tptUpperCase() 方 法 显示 了 转换 成 大 写 的 字符 串 。 

【 例 5-25】 请 参看 资源 包 中 的 例 5-25。 


5.3.7 JavaScript 事件 响应 


JavaScript 程序 和 网 页 页 面 之 间 的 交互 一 般 是 通过 触发 浏览 器 界面 中 的 控件 ,进而 
引发 事件 来 处 理 的 。 

网 页 中 的 每 个 元 素 都 可 以 产生 某 些 可 以 触发 JavaScript 函数 的 行为 ,这 些 行为 可 以 
被 JavaScript 程序 侦 测 到 , 称 其 为 事件 。 例 如 ,用 户 在 页 面 中 单 击 某 按 钮 , 则 会 产生 一 个 
鼠标 单 击 (onClick) 事 件 ,并 调用 之 前 在 按钮 的 HTML 标记 符 上 关联 的 JavaScript 函数 ， 
完成 对 事件 的 处 理 。 

如 果 需 要 对 某 一 事件 进行 处 理 , 需 要 进行 两 部 分 的 设置 。 

(1) 在 相应 网 页 页 面 的 元 素 标记 符 中 加 入 事件 属性 ,并 设置 事件 属性 为 一 个 JavaScript 
函数 。 

(2) 在 JavaScript 程序 中 编写 一 个 函数 处 理 对 应 的 事件 。 

JavaScript 程序 支持 的 事件 如 表 5-9 所 示 。 


表 5-9 ” JavaScript 程序 支持 的 事件 


事件 名 称 功能 解释 
onabort 像 加 载 被 中 断 
onblur 元 素 失去 焦点 
onchange 用 户 改变 域 的 内 容 


续 表 
事件 名 称 功能 解释 
onclick 单 击 某 个 对 象 
ondblclick 双击 某 个 对 象 
onerror 当 加 载 文档 或 图 像 时 发 生 某 个 错误 
onfocus 元 素 获 得 焦点 
onkeydown 某 个 键盘 的 键 被 按 下 
onkeypress 某 个 键盘 的 键 被 按 下 或 按 住 
onkeyup 某 个 键盘 的 键 被 松 开 
onload 某 个 页 面 或 图 像 被 完成 加 载 
onmousedown 某 个 鼠标 按键 被 按 下 
onmousemove 鼠标 被 移动 
onmouseout 鼠标 从 某 元 素 移 开 
onmouseover 鼠标 被 移 到 某 元 素 之 上 
onmouseup 某 个 鼠标 按键 被 松 开 
onreset “ 重 置 ”按钮 被 单 击 
Onresize 窗口 或 框架 被 调整 尺寸 
onselect 文本 被 选 定 
onsubmit “提交 ”按钮 被 单 击 
onunload 用 户 退 出 页 面 


鼠标 事件 是 JavaScript 程序 中 最 常用 的 事件 之 一 ,其 功能 是 响应 鼠标 的 各 种 操作 , 主 
要 包括 以 下 几 个 常用 事件 。 

1. 单 击 事件 (Onclick) 

本 事件 最 常用 , 当 单 击 时 产生 ,一 般 与 按钮 元 件 配合 使 用 ,本 章 中 很 多 实例 都 使 用 了 
该 事件 。 

2. 鼠标 指向 事件 (onMouseOver) 

当 鼠 标 指向 某 一 目标 区 域 时 ,会 触发 此 事件 。 

3. 鼠标 移 开 事件 (onMouseOut) 

当 鼠 标 离开 某 一 目标 区 域 时 ,会 触发 此 事件 。 鼠 标 移 开 事件 和 鼠标 指向 事件 经 常 配 
合 使 用 。 

菜单 的 设计 一 般 是 使 用 块 和 表格 共同 完成 的 ,每 一 个 菜单 都 定义 在 一 个 块 ( 二 div 二 
和 去 /div 之 ) 中 ,并 对 这 个 块 增加 鼠标 指向 和 移 开 事件 的 处 理 函 数 , 如 同 下 面 的 语句 。 


< div onmouseover = viewX() onmouseout = hideX() class = cur> 


鼠标 事件 的 处 理 函 数 的 内 容 非常 简单 ,只 是 设置 相应 对 象 的 style. visibility 属性 值 
即 可 , 当 值 是 visible 时 表示 菜单 可 见 , 当 值 是 空 值 ( 即 ”“") 时 表示 菜单 不 可 见 。 

【 例 5-26】 请 参看 资源 包 中 的 例 5-26。 

在 本 程序 开始 处 首先 使 用 CSS( 层 人 样式 表 ) 定 义 了 4 个 样式 ,其 中 . menu 样式 (其 内 
容 是 { VISIBILITY: hidden; )) 设 置 了 不 可 见 属性 , 当 其 应 用 在 定义 菜单 的 块 上 时 , 则 将 
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菜单 部 分 隐藏 。 
在 每 一 个 菜单 项 中 还 使 用 了 单 击 事件 ,以 便 完成 颜色 、 背 景色 和 字体 大 小 的 改变 。 


区 多 本 章 小 结 


本 章 主 要 介绍 了 网 站 设计 的 方法 ,对 网 站 规划 、 制 作 流程 ,需求 分 析 进 行 了 详细 的 介 
绍 。 然 后 介绍 了 网 站 总 体 设计 的 内 容 , 对 布局 设计 、 色 彩 使 用 和 页 面 设计 进行 了 讲解 ,其 
中 最 重要 的 一 点 就 是 网 站 的 风格 一 定 要 统一 。 

基于 HTML 的 页 面 其 美化 效果 比较 差 ,使 用 CSS 技术 可 以 弥补 这 个 缺陷 ,而 
JavaScript 可 以 让 网 页 提高 交互 性 能 ,增加 显示 效果 。CSS 和 JavaScript 都 是 现今 网 站 开 
发 时 必 不 可 少 的 技术 ,它们 的 功能 非常 强大 ,本 章 只 用 了 两 节 内 容 对 其 进行 了 简单 介绍 ， 
更 详细 的 内 容 请 读者 参考 其 他 相关 书籍 或 网 站 。 


有 隐 思 考 与 练习 


1. 根据 本 童 的 介绍 ,为 某 学 校 设计 一 份 校园 网 网 站 建设 方案 。 
2. 了 解 Ajax 技术 ,并 将 其 应 用 到 读者 开发 的 网 站 中 。 


揽 
CI2 
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网 站 快速 开发 技术 


网 站 快速 开发 技术 是 指使 用 CMS(Content Management System ,内 容 管理 系统 ) 等 
技术 通过 现 有 的 网 站 模板 快速 生成 一 个 网 站 ,然后 经 过 修改 就 可 以 达到 快速 部 署 的 网 站 
开发 技术 。 


6.1 内 容 管理 系统 


内 容 管理 系统 (CMS) 是 进行 网 站 快速 开发 的 主要 技术 , 它 是 一 种 位 于 Web 前 端 
(Web 服务 器 ) 和 后 端 办 公 系 统 或 流程 (内 容 创 作 、 编 辑 ) 之 间 的 软件 系统 。 主 要 是 以 信息 
共享 为 目的 ,面向 海量 信息 处 理 , 集 信息 数字 化 、 分 布 存储 ,管理 .传播 .查询 于 一 体 的 管理 

台 。 

它 分 离 了 内 容 的 管理 和 设计 ,在 多 数 的 CMS 系统 中 ,页 面 设计 存储 在 模板 里 ,而 内 
容 存储 在 数据 库 或 独立 的 文件 中 , 当 一 个 用 户 请 求 页 面 时 ,页 面 外 观 和 页 面 的 内 容 联合 生 
成 一 个 标准 的 HTML 页 面 供用 户 使 用 。 


6.1.1 内 容 管理 系统 概述 


内 容 管理 系统 采用 数据 库 技术 ,把 数据 库 中 的 信息 按照 规则 预先 自动 生成 HTML 
页 面 ,或 者 利用 动态 网 页 生成 技术 ,在 实时 交互 的 过 程 中 动态 产生 网 页 。 系 统 包括 信息 采 
集 、 整 理 . 分 类 、 审 核 ,发布 和 管理 的 全 过 程 , 具 备 完 善 的 信息 管理 和 发 布 管理 功能 。 利 用 
内 容 管 理 系统 ,可 以 随时 方便 地 提交 发 布 的 信息 而 无 须 掌握 复杂 的 技术 。 

目前 主流 的 CMS 概念 ,是 以 文章 系统 为 核心 ,包含 内 容 模型 自 定义 、 内 容 采 集 加 工 
发 布 、 内 容 评论 ,内容 检索 .广告 管理 .调查 管理 .留言 管理 等 各 种 通用 功能 ,面向 各 种 内 容 
管理 需要 的 CMS。 而 “内 容 ” 包 括 文件 .表格 、 图 片 或 数据 库 中 的 数据 甚至 视频 等 一 切 网 
站 中 需要 发 布 的 内 容 。 

内 容 管理 系统 主要 经 历 了 以 下 3 个 发 展 阶 段 。 

第 一 阶段 ,完全 手动 型 。 最 为 原始 的 内 容 管理 模式 ,在 这 个 阶段 使 用 者 设 定好 背景 
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色 , 一 系列 的 字体 和 CSS, 同 时 在 最 终 的 网 页 上 手动 完成 相应 的 链接 。 

第 二 阶段 ,数据 库 支持 型 。 在 内 容 增加 到 一 定 程度 时 ,通过 使 用 数据 库 来 存储 大 量 的 
信息 ,在 Web 服务 器 上 使 用 如 ASP、PHP、JSP 这 样 的 程序 从 数据 库 中 写 入 和 取出 相应 的 
数据 。 

第 三 阶段 ,页 面 自动 生成 型 。 技 术 人 员 通 过 开发 了 自 定义 的 标签 ,将 页 面 的 模板 独立 
出 来 ,用 数据 库 中 的 数据 与 标签 内 指定 的 数据 结合 起 来 ,动态 生成 用 户 看 到 的 最 终 静 态 
页 面 。 

CMS 技术 的 软件 有 很 多 ,在 选择 CMS 解决 方案 时 需要 考虑 以 下 几 条 原则 。 

(1) 良好 的 架构 和 可 扩展 性 ,方便 维护 和 管理 。 内 容 管理 系统 需要 基于 优良 强健 的 
体系 架构 ,遵从 开放 标准 ,易于 与 其 他 应 用 相 集 成 和 功能 扩展 ,需要 提供 方便 的 管理 维护 
功能 或 工具 ,并 可 以 快速 部 署 。 

(2) 易 用 性 .灵活 性 .可 用 性 和 安全 性 。 内 容 管理 平台 从 界面 交互 友好 人 性、 需求 符合 
度 、 功 能 应 用 灵活 性 到 扩展 选 件 的 多 样 化 等 方面 需要 表现 出 良好 的 易 用 性 和 可 用 性 。 随 
着 内 容 应 用 环境 进一步 复杂 和 开放 ,对 系统 安全 保障 机 制 也 提出 了 高 要 求 。 

(3) 符合 需求 的 系统 功能 。 不 同 的 内 容 管理 系统 提供 的 功能 和 模块 存在 差异 ,在 挑 
选 内 容 管 理 系统 时 ,可 能 会 因为 某 项 特殊 的 需求 而 必须 要 使 用 某 套 系统 ,或 对 于 同样 功能 
的 CMS, 但 其 运作 方式 相差 甚大 ,需要 从 中 挑选 出 合适 的 CMS。 

(4) 表现 和 内 容 分 离 , 用 户 体 验 和 内 容 质量 的 和 谐 统 一 。 与 系统 管理 和 内 容 业 务 分 
离 相 类 似 , 内 容 表现 和 内 容 本 身 需 要 尽 可 能 独立 : 无 须 内 容 生 产 人 员 关 注 过 多 的 内 容 表 
现形 式 的 制作 ,同时 ,页 面 设 计 和 内 容 创 建 应 当 符合 设计 人 员 和 编辑 人 员 的 工作 习惯 , 支 
持 专 业 设 计 工具 ,提供 符合 常用 操作 习惯 的 、 易 用 的 工作 界面 ,使 得 工作 人 员 和 最 终 用 户 
均 获 得 满意 的 用 户 体验 ,保证 提供 与 完美 表现 相 结 合 的 高 质量 内 容 。 

(5) 系统 低 总 拥有 成 本 和 高 价值 导向 。 内 容 管理 产品 是 一 个 具有 平台 性 概念 的 开放 
产品 ,面向 快速 部 署 和 灵活 扩展 ,保证 系统 整体 的 高 效率 和 灵活 性 ,降低 总 拥有 成 本 。 在 
挑选 内 容 管理 系统 时 需要 考虑 到 系统 相关 的 成 本 费用 ,包括 授权 费 、 服 务 费 、 二 次 开发 
费 等 。 


6.1.2 基于 .NET 技术 的 CMS 软件 


CMS 软件 的 种 类 有 很 多 种 ,每 种 软件 所 基于 的 技术 也 不 尽 相 同 ,比如 有 基于 Java 类 
的 TurboCMS、TubroECM 等 内 容 管 理 系统 ; 基于 PHP 的 织 梦 ,帝国 等 内 容 管理 系统 ; 
基于 ASP 的 动易 、 新 云 等 CMS 系统 ; 基于 .NET 的 Kooboo、DotNetNuke 内 容 管 理 系 

每 种 CMS 软件 都 有 自己 的 特点 ,在 实际 快速 建设 网 站 中 ,究竟 要 选取 什么 样 的 CMS 
系统 ,可 参考 6. 1. 1 小 节 所 提 到 的 5 条 原则 。 

尽管 在 实际 中 ,运用 基于 PHP 技术 的 CMS 软件 (如 织 梦 ) 较 多 ,但 由 于 本 教材 主要 
是 通过 C# 语 言 讲述 ASP.NET 动态 网 站 程序 设计 的 ,因此 本 章 的 重点 内 容 将 介绍 基于 
.NET 技术 的 CMS 软件 。 
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1. DotNetNuke(DNN) 


DotNetNuke 既 可 用 作 简 单 网 站 的 Web 内 容 管理 系统 (CMS) ,也 可 作为 强大 的 应 用 
程序 开发 框架 ,使 企业 能 够 在 Microsoft Web 平台 上 迅速 构建 和 部 署 功能 丰富 的 交互 式 
网 站 和 应 用 程序 。 

它 具 有 以 下 特点 。 

(1) 方便 用 户 。DotNetNuke 旨 在 使 用 户 可 以 更 轻松 地 管理 所 有 方面 的 项 目 ,设置 了 
网 站 向 导 、 帮 助 图 标 , 并 在 良好 研究 基础 的 用 户 界面 ,让 全 民 易 于 操作 。 

(2) 强大 。DotNetNuke 可 以 支持 多 个 子 网 站 。 通 过 Host 账号 管理 所 有 子 站 点 ,而 
每 个 子 站 点 都 有 独自 的 管理 员 ,让 管理 着 的 任意 数量 的 网 站 以 及 每 个 成 员 都 有 其 自身 的 
外 观 和 身份 。 

(3) 功能 丰富 。DotNetNuke 预 装 了 一 套 内 置 的 工具 ,提供 了 强大 的 软件 功能 ,通过 
这 些 工 具 , 网 站 主机 、 设 计 、 内 容 \ 安 全 性 和 成 员 的 选择 都 可 轻松 管理 和 定制 。 

(4) 支持 。DotNetNuke 是 支持 它 的 核心 开发 团队 以 及 一 个 专用 于 国际 社会 。 通 过 
用 户 群体 、 网 上 论坛 资源 门户 网 站 和 网 络 公司 的 代表 ,他 们 专门 从 事 dnn 工作 ,使 支持 
无 处 不 在 。 

(5) 易于 安装 。 几 分 钟 内 就 可 以 安装 DotNetNuke。 只 要 按照 安装 说 明 , 简 单 地 从 
www. dotnetnuke. com 即 可 下 载 该 软件 。 

(6) 本 地 化 。DotNetNuke 包括 一 个 多 语言 本 地 化 功能 ,该 功能 让 管理 员 可 以 轻松 地 
将 他 们 的 项 目 和 门户 变 成 任何 一 种 语言 。 

(7) 开放 源码 。DotNetNuke 是 免费 提供 的 。 

(8) 可 扩展 。DotNetNuke 能 够 创造 出 最 复杂 的 内 容 管 理 系统 ,完全 符合 其 内 置 功 
能 ,也 使 系统 管理 员 能 够 有 效 地 开展 工作 ,与 加 载 项 第 三 方 集会 ,并 可 定制 工具 。 网 站 个 
性 化 和 功能 是 无 限 的 。 

这 款 CMS 软件 可 从 微软 的 官网 http://www. microsoft. com/ web/ dotnetnuke/ 上 得 到 。 


2. Rainbow 


Rainbow 是 一 个 使 用 Microsoft ASP.NET 和 C# 技 术 开 发 的 全 面 的 CMS 内 容 管理 
网 站 系统 。 它 支持 29 种 语言 ,内 容 可 以 委派 给 基于 角色 的 组 成 员 管 理 的 会 员 , 后 者 不 需 
要 懂得 HTML 知识 ,Rainbow 支持 两 步 的 审核 发 布 机 制 。 发 布 的 版 本 包含 了 75 种 插 
件 , 如 电子 商店 .XML feeds、` 地 图 .邮件 列表 、 调 查 论坛. 文档 管理 及 客户 列表 等 。 开 发 
文档 中 也 提供 了 如 何 自己 设计 自 定义 模块 功能 的 指导 。 

这 款 CMS 的 官方 网 址 是 : http://www. rainbowcms. com。 

3. NetCMS 


NetCMS 是 基于 ASP.NET 2.0 开发 的 网 站 内 容 管 理 系 统 ,程序 完全 开源 ,没有 任何 
文件 加 密 , 不 需要 注册 任何 组 件 ,方便 二 次 开发 。 

它 具 有 以 下 特点 。 

(1) 模板 与 程序 分 离 , 标 签 调用 ,支持 DIV 十 CSS, 批 量 设置 属性 ,让 模板 制作 更 简 
单 。 全 新 “网 站 模板 与 网 站 程序 完全 分 离 ” 的 概念 ,具有 强大 的 标签 加 样式 的 个 性 化 组 合 ， 
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可 自 定义 标签 . 自 定 义 表单 JS 管理 加 JS 模型 ( 自 定义 JS、 系 统 JS) 的 灵活 应 用 ,支持 不 同 
频道 .栏目 内容 页 ,专题 等 应 用 不 同 的 模板 ,随时 能 编辑 、 修 改 和 更 换 网 站 界面 ,系统 集成 
了 类 同 Macromedia Dreamweaver 一 样 简单 的 可 视 模 板 编辑 方式 ,可 批量 设置 属性 ,模板 
标签 全 面 支持 目前 最 受 欢 迎 的 DIV 十 CSS 格式 ,支持 批量 绑 定 模板 ,完全 做 到 轻松 换 肤 。 

(2) 自 定义 频道 。 用 户 可 根据 自己 的 需要 自 定义 数据 表 , 自 定义 字段 ,从 而 组 合 出 新 
的 频道 ,如 房产 .招聘 等 ,每 个 频道 都 可 以 拥有 独立 的 表 , 彻 底 减 轻 了 数据 库 的 压力 。 自 定 
义 字段 的 内 容 录 入 可 支持 HTML 可 视 化 编辑 ,方便 前 、 后 台数 据 录 入 界面 的 排版 布局 ， 
扩展 出 更 多 的 特殊 效果 。 

(3) 自 定义 表单 。 自 定义 表单 功能 支持 时 间 限 制 . 用 户 组 权限 控制 .奖励 扣除 金币 、 
附件 上 传 、 验 证 码 等 功能 ,可 轻松 实现 订单 预订 、 问 卷 调查 等 效果 。 

(4) 自 定义 标签 。 基 于 此 功能 ,可 以 轻松 编写 SQL 语句 ,实现 任意 数据 任意 调用 , 相 
关 链 接 可 根据 关联 条 件 查 询 。 

(5) 支持 动态 访问 和 静态 发 布 。 整 站 程序 支持 全 静态 HTML 文件 生成 ,可 将 站 点 首 
页 ,频道 首页 、 各 栏目 及 每 个 内 容 页 都 生成 静态 HTML 文件 ,这 样 不 仅 可 以 减轻 服务 器 
的 负载 ,提高 搜索 收录 率 ,同时 也 可 以 实现 内 容 收 费 和 访问 权限 控制 。 有 多 种 生成 文件 命 
名 形式 可 供 选 择 ,可 自 定义 文件 存放 路 径 , 可 以 随心 所 和 欲 地 设置 要 生成 的 扩展 名 ,可 根据 
喜好 DIY。 动 态 访问 可 支持 伪 静 态 ,增强 URL 友好 性 ,方便 搜索 引擎 的 收录 。 

(6) 自 定义 菜单 快捷 方式 ,维护 变 得 更 轻松 。 支 持 用 户 按 自己 使 用 习惯 添加 、 修 改 
菜单 .设置 快捷 方式 ,让 网 站 维护 变 得 更 轻松 。 

(7) 支持 数据 库 字 段 蔡 换 功 能 ,可 在 线 执行 SQL 语句 ,具有 数据 备份 和 恢复 功能 。 
系统 具有 强大 的 数据 库 字 段 蔡 换 功能 ; 强大 的 在 线 执行 SQL 语句 功能 ; 强大 的 数据 备份 
和 恢复 功能 ,可 以 在 线 备 份 , 恢 复 `. 压 缩 数据 库 。 

这 款 软 件 的 官方 网 址 是 : http://www. aspxcms. com。 

4. PageAdmin 


PageAdmin 网 站 内 容 管 理 系 统 是 一 款 基 于 微软 ASP.NET 平台 开发 ,集成 内 容 发 
布 文 章 、 产 品 、 图 片 . 招 聘 、 留 言 、 自 定义 模型 .采集 等 功能 于 一 体 的 企业 级 网 站 管理 系统 。 

它 具有 以 下 特点 。 

(1) 可 视 化 的 管理 网 站 内 容 和 结构 。 自 由 的 模块 布局 和 组 合 设计 ,灵活 的 内 容 调 用 ， 
强大 的 自 定义 功能 ,所 见 即 所 得 的 编辑 器 等 功能 都 体现 了 网 站 架构 的 自由 和 灵活 ,网 站 可 
以 做 得 很 简洁 ,也 可 以 做 得 很 复杂 ,完全 可 以 根据 自己 需求 来 架设 。 

(2) 自由 设计 网 站 风格 界面 。 系 统 采 用 DIV 十 CSS 结构 ,遵循 国际 最 新 W3C 网 页 设计 
标准 ,兼容 正 、 火 狐 、Opera 等 主流 浏览 器 ,结构 和 设计 的 完全 分 离 让 网 站 界面 想 换 就 换 。 

(3) 周密 的 安全 策略 和 攻击 防护 。 对 SQL 注入 攻击 进行 过 滤 、 对 密码 进行 了 不 可 逆 
加 密 处 理 ,提供 了 数据 库 备 份 功能 、 对 管理 员 权 限 的 自由 分 配 ,在 方方面面 保证 了 系统 的 
安全 和 稳定 。 

(4) 降低 网 站 开发 和 维护 成 本 。 通 过 安装 PageAdmin ,任何 用 户 都 可 以 轻松 地 架设 
自己 需要 的 网 站 。 在 给 用 户 高 效 、 简 单 建站 的 同时 还 减少 了 总 成 本 。 

这 款 软件 的 官方 网 址 是 : http://www. pageadmin. net/ 。 
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5. Umbraco 


Umbraco 是 一 个 开源 的 CMS 内 容 管理 系统 ,基于 ASP.NET 建立 ,使 用 MSSQL 存 
储 数据 。 使 用 Umbraco, 设 计 师 能 创造 出 有 效 的 XHTML 标记 模板 ,并 且 开 发 人 员 可 以 
创建 任何 基于 . NET 的 模块 。 

这 款 软件 的 官方 网 址 是 : http://www. umbraco. org/。 

6. Kooboo CMS 

Kooboo 是 一 个 基于 ASP.NET 的 CMS 系统 ,实现 面向 企业 级 的 内 容 管 理解 决 方案 
和 快速 开发 。 它 是 一 款 由 中 国人 开发 的 ,但 走 国 际 路 线 的 CMS 软件 。Kooboo 具有 以 下 
主要 特性 。 

(1) 基于 角色 的 用 户 管 理 。 

(2) 无 限制 的 用 户 和 站 点 。 

(3) 可 实现 各 种 验证 。 

(4) 可 进行 内 容 版 本 控制 。 

(5) 可 进行 工作 流 控制 。 

(6) 具备 布局 和 内 容 模板 。 

这 款 软件 的 官方 网 址 是 : http://www. kooboo. com。 

基于 . NET 的 CMS 软件 有 很 多 ,这 里 仅 列 举 了 其 中 知名 度 比 较 高 的 6 款 软 件 。 要 学 会 
使 用 它们 ,首先 要 学 会 ASP.NET。 但 这 些 软件 多 是 基于 MVC(Model View Controller， 
模型 一 视图 一 控制 器 ) 的 ASP.NET 的 Web 编程 模式 ,这 与 本 书 其 他 章节 所 讲授 的 Web 
Forms 编程 有 着 截然 不 同 的 编程 模式 ,因此 ,本 章 仅 讲授 CMS 软件 入 门 使 用 ,不 做 深入 
的 介绍 。 有 兴趣 的 读者 可 在 先行 学 习 ASP.NET MVC 和 Razor 语法 的 基础 上 深入 研究 
基于 .NET 的 CMS 软件 。 

下 面 将 以 Kooboo CMS 为 代表 说 明基 于 . NET 的 CMS 软件 的 使 用 。 


6.1.3 CMS 软件 的 安装 


不 同 的 CMS 软件 的 安装 是 类 似 的 。 安 装 其 实 就 是 将 一 个 已 经 设计 好 的 ASP.NET 
网 站 架设 到 本 地 ,然后 进行 相应 的 配置 即 可 。 

这 里 以 Kooboo CMS 的 安装 为 例 进行 说 明 。Kooboo CMS 有 两 种 安装 方式 : 一 种 是 站 
点 架设 的 方式 ; 另 一 种 是 通过 Web Matrix 3 进行 安装 。 下 面 分 别 介绍 这 两 种 安装 方式 。 

1. 架设 站 点 方式 安装 Kooboo CMS 

1) 安装 前 准备 

(1) 操作 系统 。Microsoft 的 Windows 操作 系统 。 

(2) Web 服务 器 。 安 装 IIS 6 以 上 的 版 本 。 

(3) NetFramework。 安 装 有 NetFramework 4。 

(4) 安装 者 身份 。 具 有 管理 员 权 限 的 用 户 。 

2) 安装 方法 

由 于 IIS6 和 IIS7 的 安装 方法 略 有 不 同 ,这 里 以 IIS 7 安装 为 例 进行 说 明 , 使 用 IIS 6 
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的 读者 可 参考 官方 网 站 的 相应 说 明 。 

(1) 从 http://kooboo. codeplex. com 下 载 
最 新 版 本 的 Kooboo_CMS 安装 包 解 压 到 
C:\Kooboo_CMS, 

(2) 打开 IIS 7 控制 台 , 创 建 一 个 应 用 程 
序 池 。.NET 框架 版 本 选择 .NET Framework 
v4.0.30319, 通 道 模 式 选择 “集成 ”模式 ,命名 为 
Kooboo_CMS pool, 如 图 6-1 所 示 。 

(3) 在 IIS7 控制 台 创建 一 个 新 站 点 。 站 点 
目录 指向 C:\Kooboo_CMS, 应 用 程序 池 使 用 刚 
刚 创建 的 Kooboo_CMS pool, 如 图 6-2 所 示 。 图 6-1 创建 Kooboo Pool 

(4) 设置 站 点 的 目录 权限 。Kooboo CMS 
要 求 当前 的 站 点 运行 用 户 具 有 对 Cms_Data 目录 的 读 写 权限 。 进 入 C:\Kooboo CMS 
中 ,选择 CMS_Data 文件 夹 , 在 其 安全 的 属性 中 ,设置 Everyone 具有 完全 控件 权限 ,如 
图 6-3 所 示 。 


添加 应 用 程序 池 ?1x| 


图 6-3 设置 CMS_Data 权限 


2. 通过 Web Matrix 3 进行 安装 


Web Matrix 3 是 微软 公司 提供 的 一 款 轻 量 级 的 完全 免费 的 网 站 开发 .部 署 工具 。 它 
里 面 集 成 了 许多 知名 的 CMS 建站 软件 。 
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1) 下 载 安 装 Web Matrix 3 

可 从 http://www. microsoft. com/web/webmatrix/ 下 载 安装 Web Matrix 3。 安 装 
Web Matrix 3 会 同时 安装 SQL Server Compact IIS 8 Express 和 . NET framework 4。 
如 果 这 些 之 前 都 没有 安装 过 , Web Matrix 3 会 自动 进行 安装 ,但 安装 时 间 也 会 很 长 。 安 
装 成 功 后 进入 的 界面 如 图 6-4 所 示 。 


Web Matrix3 
js | + 外 = 卫 


图 6-4 Web Matrix 3 启动 界面 


2) 安装 Kooboo CMS 
进入 Web Matrix 3, 选 择 “ 新 建 ”>“ 应 用 程序 库 ” 菜 单 命令 ,如 图 6-5 所 示 。 用 户 在 这 
里 可 选择 多 种 CMS 软件 进行 安装 。 


从 Web 库 创建 网 站 
全 部 (90) 让 二 
App Franeworks (T) (W) BD 
Blogs (20) 
NS pnn 
CMS (52) 
和 
eComerce (24) 2284712 下 载 | 。 1156032 下 载 
Foruns (10) 
Galleries (6) Bay 
Tools (27) 
Wiki (6) 
NET CS [A 刘 ] Acauia Drupal… 
506675 下 载 259973 过 
日 
og 


图 6-5 Web Matrix 3 新 建 应 用 程序 库 
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通过 搜索 Kooboo 可 以 找到 要 安装 的 Kooboo CMS。 选 择 Kooboo CMS, 按 照 向 导 
单 击 * 下 一 步 ?按钮 进行 安装 即 可 ,如 图 6-6 所 示 。 图 6-7 是 Kooboo CMS 安装 的 第 一 步 ， 
在 图 6-8 中 需要 用 户 同意 使 用 协议 ( 单 击 “ 我 接受 "按钮 ,安装 才能 顺利 完成 ), 使 用 Web 
Matrix 3 安装 Kooboo CMS ,系统 会 首先 安装 ASP.NET MVC 4.0。 


车 快 速 A7] - Nicrosoft Yebgatriz TE 
从 Web 库 创 建 网 站 booboo xj] 
全 部 (90) 
App Franeworks (7) Koosoo 
Blogs (20) 
CNS (52) 
Kooboo CNS 【 英 … Kooboo Communi… 
eCommerce (24) 3390 T 避 01 家 
Foruns (10) 


Galleries (6) 


Tools (27) 
Wiki (6) 
Pi CC] Fry) | 
图 6-6 查找 Kooboo CMS 
从 Web 库 创建 网 站 kooboo x 
全 部 (90) © 


—™ Kooboo CHS 
App Franeworks (7) = 


Blogs (20) 

Kooboo is a flexible sand extensible CHS based on ASP. NET NYC. Kooboo helps you 
CIS (52) with ul the regalar tusks of website developnent, «lso includes many enterprise 

features sueh ws workflow, version control, publishing und intepration serviee 
You ean sasily create a Br， dynunic website without any database coding 
norledee. Developing on is sane as developine regular ASP. NET MVC 
websites, alnost without any limitation ASP. NET MYC applications can be 
converted into Kooboo nodules by sinple nodification. 


eConnerce (24) 


Forums (10) 
Galleries (6) 
Tools (27) 
Wiki (6) 


网站 名 称 “「 Resbee ast EE ax | 


6-7 ”安装 Kooboo CMS 
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EFTITE 
从 Web 库 创 建 网 站 
系统 必 备 安装 配置 


接受 EULA 


WE 其 中 也 括 要 支 装 的 第 三 方 应 用 程序 软件 、 出 
的 Windows 组 件 。 第 三 方 应 用 程序 和 产品 由 在 此 列 出 的 第 三 


证 站 产品 和 组 件 ， 还 包括 要 启动 
的 任何 权利。 您 有 责任 而 且 必 须 分 别 找到 、 阅 读 并 接受 第 三 方 许可 条 款 * 


soft 未 授予 你 第 三 方 软件 


Kooboo CMS [英语 ] .28 NB) 
X 直接 下 载 谤 接 _ 


(需要 ) ASP. NET IC 4 (Vs 2010) (0 Mp) 


(需要 ) ASP. NET MVC 4 安装 程序 Vs 2010) - 默认 区 域 设置 [英语 ] (33. 33 MB) 
直接 下 载 谤 按 _ 


此 软件 记念 程序 包 管 理 吕 区 能， 吝 售 你 可 以 从 第 三 让 A ee 启 庄 访问 程序 包 列表 并 下 载 这 些 程序 
甘 仿 二 而。 语 砍 盏 信 干 上 


图 6-8 接受 Kooboo CMS 协议 


6.2 Razor 视图 引擎 


Razor 视图 引擎 是 ASP.NET MVC 编程 的 基础 。Razor 语法 简洁 ,编写 起 来 十 分 方 
便 。 前面 提 到 了 很 多 基于 . NET 的 CMS 系统 均 采 用 了 ASP.NET MVC 编程 模式 ,因此 ， 
也 支持 Razor 语法 。 故 这 里 先 对 Razor 语法 做 简要 的 介绍 。 


6.2.1 Razor 语法 概述 


Razor 是 伴随 ASP.NET MVC 编程 模式 而 出 现 的 , 它 包含 了 模板 引擎 和 动态 编译 两 
部 分 。 这 里 只 介绍 模板 引擎 的 语法 。Razor 可 以 在 VB. NET 和 C# 中 使 用 ,分 别 对 应 两 
种 文件 类 型 , 即 cshtml 和 vbhtml。 在 Web Matrix 3 中 创建 Razor 文件 的 方法 如 下 。 

(1) 启动 Web Matrix 3, 选 择 “ 新 建 ”>“ 从 模板 库 创建 站 点 ”>“ 空 白 网 站 ”菜单 命令 。 

(2) 单 击 “ 新 建文 件 ”, 弹 出 图 6-9 所 示 的 对 话 框 。 

(3) 此 时 选择 cshtml 文件 类 型 ,此 时 建立 的 Razor 页 的 代码 如 图 6-10 所 示 。 

(4) 如 要 运行 此 页 面 ,可 以 在 左 侧 的 网 站 目录 中 要 运行 的 页 面 上 右 击 ,在 弹出 快捷 菜 
单 中 选择 “在 浏览 器 中 启动 ”命令 , 即 可 运行 此 网 页 。 

图 6-10 中 显示 的 @ 字 符 被 定义 为 Razor 服务 器 代码 块 的 标识 符 , 后 面 使 用 大 括号 {} 
表示 服务 器 代码 (作用 域 ) ,这 就 和 Web form 中 使 用 二 %% 二 写 服 务 器 代码 是 同样 的 
道理 。 
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Ei EE 
Eee 选择 文件 类 型 
常用 (6) 
0 、 、 h 
建议 (8) </> # 时 
全 部 (34) HTML C55 后 
十 em Tse 
Ce = 、 
= > 
Er mr 


名 可 donol| cshtnl 


图 6-9 Web Matrix 3 创建 Razor 页 面 


空白 网 站 一 Wicrosoft Yeblatriz 


主页 | 起 要 。 深 代 色 铝 轴 


Ps E yy wn > 也 束 白 o 要 行 
回 装 自动 六 全 二 口 关 草 切 的 vi dl [| 
ey 国信 目 大 状 加 芭 有 阳 Da 二 让 一 外 到 行 5 相 


发 isaal | Nucet 
个 对白 自动 * 居 全 部 关闭 于 加 全 千 ELE Studio 
网 站 文 作 药 贴 板 锯 坦 起 图 局 动 库 


4 国 空白 网 站 
司 Ap?_ De 2 
国 uin 于 
口 ntteat cshtnl 4 
denol. cshtnl 5 <lD0CTYPE html> 


LL) favicon ico 


] re. cmtis 7 日 <html lang="en"> 


<head> 
<meta charset=rutf-a” /> 


<title></title> 
</head> 
<body> 


v 14 | </body> 
[</html> 


图 6-10 ”Razor 页 面 的 代码 


Razor 中 可 用 var 定义 变量 ,使 用 var 定义 变量 不 需要 指明 数据 类 型 ,在 运行 时 ,变量 
会 根据 赋 的 数值 自动 设 定数 据 类 型 。 

在 Razor 中 写 HTML 代码 或 在 HTML 代码 中 写 Razor 语句 都 是 可 以 的 。 

(1) 在 作用 域内 如 果 是 以 HTML 标签 开始 则 视 为 文本 输出 。 
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(2) 如 果 要 输出 @, 则 使 用 @@。 

(3) 如 果 要 输出 非 HTML 标签 和 非 Razor 语句 的 代码 , 则 用 @ : 。 

(4) @: 后 面 加 上 @ 就 是 表示 Razor 语句 的 变量 。 

【 例 6-1】 示例 见 资源 包 中 的 6-1. cshtml。 

【示例 说 明 】 

(1) @: 字符 的 使 用 。 

(2) Var: 定义 变量 的 方法 。 

(3) Razor 的 变量 可 以 直接 当 作 网 页 的 标题 (title) 。 

Razor 作用 域 里 面 是 服务 器 代码 ,因此 可 使 用 服务 器 代码 的 注释 ,注释 有 //、/* 
和 x*/, 分 别 表 示 单 行 注释 和 多 行 注释 。 另 外 ,Razor 注释 还 可 以 使 用 @* * @。 

【 例 6-2】 示例 见 资源 包 中 的 6-2. cshtml。 

【示例 说 明 】 

Razor 使 用 注释 的 几 种 方式 。 

在 Razor 中 可 以 使 用 @href 进行 超 链 接 的 设置 。 

【 例 6-3〗 示例 见 资源 包 中 的 6-3 文件 夹 中 的 index. cshtml、 about. cshtml 和 
content. cshtml 。 

【示例 说 明 】 

href 一 "@("about. cshtml")" 这 种 形式 表示 超 链 接 。 


6.2.2 Razor 中 的 变量 和 数组 


1， Razor 中 的 变量 
Razor 中 使 用 var 定义 变量 不 需要 指明 类 型 ,变量 的 类 型 会 根据 数据 自动 设 定 。 常 
用 的 数据 类 型 见 表 6-1 。 
表 6-1 Razor 常用 的 数据 类 型 


类 型 描述 实 例 

int 整数 103、12、5168 

float 浮 点 数 3. 14、3. 4e38 

decimal 小 数 1037. 196543 

bool 逻辑 值 true,false 

string 字符 串 值 "Hello W3chtml" "Bill" 
例如 


var a= 123.34; 

var b= "1234"; 

var c= "true"; 

2. Razor 中 的 数组 

Razor 中 的 数组 可 采用 下 面 的 形式 进行 定义 。 
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Var animals = new string[ ]var animals = new string[ ]{"fish", "dog", "cat", "cow", "duck"}; 


使 用 animals 数组 中 的 元 素 时 可 采用 animals[2] 形 式 。 


§ 【小 提示 】 


数组 的 编号 从 0 开始 ,上 面 的 animals[2] 的 值 是 "cow"。 

如 果 要 访问 数组 中 的 每 一 个 元 素 , 可 用 foreach 循环 遍历 数组 。 

【 例 6-4】 示例 见 资源 包 中 的 6-4. cshtml。 

【示例 说 明 】 

(1) Razor 使 用 数组 的 方法 。 

(2) 通过 foreach 循环 遍历 数组 每 一 个 元 素 的 方法 。 

数组 也 可 以 new list<string 二 () 方 式 进行 声明 ,然后 在 运行 中 通过 Remove 或 Add 
方法 减少 或 增加 数组 元 素 。 

【 例 6-5】 示例 见 资源 包 中 的 6-5. cshtml。 

【示例 说 明 】 

(1) Razor 使 用 数组 的 方法 。 

(2) 通过 Remove 减少 数组 元 素 。 

(3) 通过 Add 方法 增加 数组 元 素 。 

3. Razor 变量 类 型 的 转换 和 判定 

Razor 中 可 通过 As 系列 函数 进行 数据 类 型 的 转换 ,通过 Is 系列 函数 进行 数据 类 型 
的 判定 。 

【 例 6-6】 示例 见 资源 包 中 的 6-6. cshtml。 

本 示例 运行 结果 如 图 6-11 所 示 。 


值 人 Empty0 lsBoolO/AsBoolO [rsIntO/AsIntO [sDate Time O/AsDateTimeO [sDecimalO/AsDecimalO [IsFloatO/AsFloatO)| 
[rme Ealse/False [Ealsero 医 asewooolV100000 JfEalse/o False10 
me Ealse jauerTme [Ealse/0 alsey0001711 0:00:00 [Ealse/0 False/0 
1 (False [False/False me alse/0001711 0:00:00 [froerl (Tre/l 
1234 False |[False/False [rer1234 Ealsero001171 00000 [Trve/1234 (Tre/1234 
123.987 Ealse é |[False/False [False/o 医 aserooolU100000 [Trve/123.987 [muey123.987 
2015/5/1 [Fase é |[False/False Ealse/o muef20151511 0:00:00 |[EFalse/0 [False/0 
[tre Ealse/False [Ealse/o alse/000171/1 0.0000 |[Ealse/0 [False/O 


图 6-11 As 系列 和 1s 系列 函数 演示 结果 


【示例 说 明 】 

(1) Is 系列 函数 就 是 判定 一 个 变量 的 值 是 否 符合 某 种 数据 类 型 ,返回 值 是 bool 型 
( 即 要 么 是 true 要 么 是 false) 。 

(2) As 系列 函数 则 是 将 一 个 变量 的 值 自动 转换 为 指定 的 数据 类 型 ,注意 不 同类 型 之 
间 的 转换 ,转换 后 的 结果 不 一 定 是 正确 的 。 

(3) 注意 " "字符 串 与 null 的 判定 和 转换 结果 是 否 相 同 。 


第 6 帝 网 站 快速 开发 技术 Ww 


6.2.3 ” Razor 中 的 自 定义 函数 


Razor 中 的 自 定义 函数 可 通过 @helper 完成 。 如 下 面 代码 表示 的 一 个 自 定义 的 函数 
sum, 其 作用 是 计算 传递 过 来 的 两 个 整 型 参数 之 和 。 
@helper sunm(int i, int j) 
{ 
var result = i+j; 
@result; 
» 


调用 时 ,采用 @sum( 参 数 1, 参 数 2) 的 形式 就 行 了 。 

【 例 6-7】 自 定义 函数 示例 见 资源 包 中 的 6-7. cshtml。 

在 实际 使 用 过 程 中 ,通常 是 专门 建立 一 个 用 于 存储 函数 的 文件 (文件 类 型 也 
是 x* .cshtml) ,并 将 此 文件 保存 到 网 站 的 App_Code 文件 夹 中 ,然后 通过 “文件 名 . 函数 
名 ”的 方式 调用 即 可 (存放 函数 名 的 文件 就 类 似 于 类 名 )。 

【 例 6-8】 示例 见 资源 包 中 的 6-8. cshtml 及 App_Code 文件 夹 内 的 define. cshtml 
文件 。 

【示例 说 明 】 

(1) define. cshtml 只 存储 自 定义 函数 。 

(2) 本 例 有 两 个 自 定义 函数 ,一 个 是 sum( 求 两 个 数 之 和 ); 另 一 个 是 multiplicate( 求 
两 个 数 之 积 ) 。 

(3) 调用 的 形式 : @define. sum(2,5)。 

如 果 网 页 中 有 多 个 超 链 接 ,也 可 以 利用 @helper 的 自 定义 函数 形式 来 设置 。 

【 例 6-9】 本 例 见 资源 包 中 的 文件 夹 6-9 中 的 index. cshtml、 content. cshtml 和 
about. cshtml 。 

【示例 说 明 】 

(1) NavigatorItem 是 个 自 定义 函数 ,其 作用 是 接收 两 个 参数 name 和 item,item 参 
数 用 于 设置 超 链接 的 文件 名 ,name 参数 用 于 超 链接 显示 的 文字 。 

(2) 调用 的 形式 : @NavigatorItem(" 网 站 内 容 ","content. cshtml") 。 

(3) Ltem 参数 是 一 个 网 页 文件 的 名 称 。 


6.2.4 Razor 中 的 布局 


Razor 中 的 布局 (layout) 的 概念 类 似 于 Web Form 编程 模式 中 的 母 版 页 。 作 为 布局 
的 网 页 ,如 同 母 版 页 ,而 使 用 布局 的 网 页 就 是 应 用 母 版 页 的 网 页 。 

在 网 页 中 使 用 布局 可 以 统一 网 站 风格 : 对 于 作为 布局 的 页 面 ,其 标题 .CSS、 网 页 中 
的 静态 内 容 等 都 会 成 为 使 用 此 布局 网 页 的 元 素 。 这 样 ,多 个 网 页 就 达到 了 一 致 的 风格 。 

作为 布局 的 页 面 ,其 名 称 必须 以 "~" 开始 ,其 页 面 代码 中 一 定 要 添加 @RenderBody() 
语句 (此 语句 用 来 指示 在 此 显示 使 用 布局 的 页 面 ) 。 

作为 使 用 上 述 布局 页 的 网 页 ,需要 在 开始 的 @{  } 中 添加 Layout 一 "布局 页 名 称 "， 
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这 样 使 用 布局 页 的 页 面 内 容 就 出 现在 作为 布局 页 的 @RenderBody() 处 。 

【 例 6-10】 本 例 见 资源 包 中 的 文件 夹 6-10 中 的 _Layout. cshtml index. cshtml 和 
about. cshtml。 

【示例 说 明 】 

(1) _Layout. cshtml 是 作为 布局 的 页 面 ,作为 布局 页 面 的 网 页 文件 ,是 不 能 像 普 通 网 
页 一 样 通过 浏览 器 进行 浏览 的 。 

(2) index. cshtml 和 about. cshtml 是 使 用 布局 的 页 面 。 请 注意 Layout 二 "_Layout. 
cshtml" 语 句 的 使 用 。 

(3) 注意 在 网 页 运行 时 ,虽然 index. cshtml 和 about. cshtml 有 自己 的 网 页 title, 但 在 
显示 时 ,都 是 _Layout. cshtml 的 标题 ,而 不 是 自己 的 标题 。 

(4) 注意 使 用 布局 的 网 页 内 容 出 现 的 位 置 和 @RenderBody() 语 句 的 关系 。 

从 上 面 的 示例 可 以 看 到 ,使 用 布局 的 网 页 自身 内 容 只 能 显示 在 作为 布局 页 的 
@RenderBody() 的 位 置 处 ,而 其 他 位 置 则 显示 的 是 布局 页 中 的 内 容 。 有 时 可 能 需要 在 使 
用 布局 页 的 页 面 中 属于 布局 页 内 容 中 的 某 个 指定 位 置 显示 自己 特有 的 内 容 , 这 时 可 采用 
@RenderSection 来 完成 此 功能 。 

【 例 6-11】 本 例 见 资源 包 中 的 文件 夹 6-11 中 的 _Layout. cshtml、index. cshtml 和 
about. cshtml。 

【示例 说 明 】 

(1) _Layout. cshtml 是 作为 布局 的 页 面 。 其 中 的 @RenderSection("subtitle") 表 明 
此 位 置 将 显示 使 用 布局 的 页 面 中 的 自 定义 节 subtitle 中 的 内 容 。 本 例 是 在 此 显示 网 页 的 
标题 。 第 二 个 @RenderSection("subindex") 的 道理 与 此 类 似 。 

(2) @RenderSection 中 的 subtitle 和 subindex 是 自 定义 节 的 名 称 ,需要 在 使 用 布局 
页 的 @{ } 中 进行 定义 。 定 义 的 方法 类 似 于 下 面 的 代码 。 

@section subtitle 

k <title > 这 是 使 用 section 方法 生成 的 网 页 标题 </title > 

} 

(3) 由 于 index. cshtml 和 about. cshtml 是 共用 _Layout. cshtml 模板 的 ,而 about. 
cshtml 中 并 未 定义 subtitle 和 subindex 节 ,请 观察 about. cshtml 能 否 正 常 运行 。 

有 时 需要 在 一 个 页 面 中 展示 另 一 个 页 面 的 内 容 , 此 时 可 以 用 @RenderPage 语句 完成 
此 操作 。 

【 例 6-12】 本 例 见 资源 包 中 的 文件 夹 6-12 中 的 _Layout. cshtml index. cshtml 和 
about. cshtml。 

【示例 说 明 】 

index. cshtml 中 的 @RenderPage("about. cshtml") 将 会 在 此 位 置 显 示 about. cshtml 
页 面 中 的 内 容 。 


6.2.5 Razor 中 操作 数据 库 


在 Web Matrix 3 中 可 以 直接 创建 SQL Server Express 2008 R2、MySQL 或 SQL 
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Server CE 数据 库 , 也 可 以 通过 设置 字符 串 连 接 的 方式 直接 连接 到 已 有 的 SQL Server 或 
MySQL 数据 库 中 。 

在 这 里 ,通过 连接 的 方式 连接 第 4 章 SQL Server 的 HcoreManage 数据 库 。 

单 击 Web Matrix 3 中 的 数据 库 项 ,选择 “新 建 ”一 SQL Server 菜单 命令 ,弹出 图 6-12 
所 示 的 参数 设置 对 话 框 。 填 写 正确 后 单 击 “确定 按钮。 此 时 ,在 网 站 的 数据 库 中 出 现 
HscoreManage 数据 库 的 名 称 , 如 图 6-13 所 示 。 

Razor 中 使 用 database 类 来 操作 数据 库 。 表 6-2 是 Database 类 的 常用 方法 。 


表 6-2 Database 类 的 方法 


方法 名 称 作 用 
Open() 使 用 连接 名 打开 数据 库 连 接 
OpenConnectionString() 使 用 字符 串 打开 数据 库 连接 
Execute() 用 于 执行 Insert 或 Update 
Query() 执行 查询 并 返回 集合 
QuerySingle() 执行 查询 并 返回 一 行 一 列 的 数据 
QueryValue() 执行 查询 并 返回 一 行 一 列 的 值 
GetLastInsertId() 获取 最 后 一 条 插 人 数据 的 ID 


新 建 SQL Server 连接 
数据 库 | Mscorellanage 
服务 器 [nyserver 
sam 周 
用 户 名 [ss 
害 [ooo0ooe 


将 在 web. confie 文件 中 保存 区 数 据 库 的 连接 字符 半 。 Xx 
Cu ] ws | 


图 6-12 设置 连接 SQL Server 参数 图 6-13 数据 库 连 接 设置 成 功 


通常 先 使 用 Database. open( 数 据 库 名 称 ) 打 开 指 定 的 数据 库 , 然 后 可 以 用 Query 方 
法 执行 SELECT 语句 返回 集合 , Razor 中 返回 的 记录 都 是 dynamic 类 型 ,也 可 以 用 
Execute 方法 执行 UPDATE、DELETE 或 INSERT INTO 语句 。 

【 例 6-13】 本 例 见 资源 包 中 的 6-13. cshtml。 

【示例 说 明 】 

(1) 本 示例 的 作用 是 在 页 面 中 以 表格 的 形式 显示 department 表 中 的 记录 。 

(2) var db 二 Database. Open(" HscoreManage") 的 作用 是 打开 HscoreManage 数 
据 库 。 

(3) var list 一 db. Query("Select * from department") 的 作用 是 查询 department 表 
中 的 记录 并 返回 dynamic 集合 。 
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(4) 通过 foreach(var item in list) 语 句 遍 历 dynamic 集合 。 

(5) @item. departno 表示 当前 dynamic 集合 中 departno 字段 所 对 应 的 值 。 

在 Razor 中 可 以 用 Webgrid 控件 以 表格 的 形式 显示 查询 的 结果 。Razor 中 的 
Webgrid 类 似 于 Web Form 中 的 GridView 控件 。 

【 例 6-14】 本 例 见 资源 包 中 的 6-14. cshtml。 

【示例 说 明 】 

(1) var grid 一 new WebGrid(list) 语 句 是 定义 了 一 个 名 为 grid 的 webGrid 控件 ,其 
数据 源 (source 属性 ) 是 list( 查 询 department 表 中 的 记录 并 返回 的 dynamic 集合 )。 

(2) @grid. GetHtml() 是 将 grid 以 数据 表 的 形式 显示 在 网 页 中 。 

在 例 6-14 中 可 以 看 出 ,默认 情况 下 webGrid 允许 分 页 显示 (每 个 页 面 显示 10 条 记 
录 )。 它 还 有 一 些 属性 可 以 在 实例 化 时 进行 设置 ,这 些 常 用 属性 见 表 6-3。 

表 6-3 webGrid 控件 实例 化 时 的 部 分 常用 属性 


属性 及 默认 值 作 用 
IEnumerable<=dynamic> source 设置 数据 源 
IEnumerable<string> columnNames = null 要 显示 的 列 名 
string defaultSort = null 默认 排序 的 字段 
int rowsPerPage = 10 每 页 的 行 数 
bool canPage = true 是 否 允 许 分 页 
bool canSort = true 是 否 允许 排序 


以 上 属性 不 能 单独 设置 ,需要 在 实例 化 时 以 命名 参数 的 形式 修改 这 些 参数 ,如 : 
Var grid = new webGrid( source: list, rowsPerPage = 5) 
这 条 语句 定义 了 数据 源 为 list 的 webGrid 控件 对 象 grid, 其 分 页 时 每 页 显示 5 条 
记录 。 
webGrid 控件 的 GetHtml 方法 也 有 一 些 属性 ,如 表 6-4 所 示 。 
表 6-4 webGrid 控件 GetHtml 方法 的 部 分 常用 属性 


属 性 作 用 
string tableStyle = null 表格 样式 
string headerStyle = null 头 部 
string footerStyle = null 底部 
string rowStyle = null 每 一 行 的 样式 
string alternatingRowStyle = null 交替 行 
string selectedRowStyle = null 被 选中 
string caption = null 标题 
bool displayHeader = true 是 否 显示 头 部 
bool fillEmptyRows = false 是 否 填充 空 行 
string emptyRowCellValue = null 空 行 里 每 个 字段 显示 的 值 
ITEnumerable< WebGridColumn> columns = null 在 这 里 设置 各 列 
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续 表 

属 性 作 用 
ITEnumerable< string> exclusions 一 null 不 显示 的 字段 
string firstText 一 null 对 应 第 一 页 链接 显示 的 文字 
string previousText 一 null 对 应 上 一 页 链接 显示 的 文字 
string nextText 一 null 对 应 下 一 页 链接 显示 的 文字 
string lastText = null 对 应 最 后 一 页 链接 显示 的 文字 
int numericLinksCount = 5 数字 选择 项 的 数目 


上 述 属性 也 是 在 使 用 GetHtml 方法 时 以 命名 参数 的 形式 进行 设置 。 

如 @grid. GetHtml(tableStyle: "grid") ,grid 的 表格 样式 将 会 以 设 定 的 grid 样式 进 
行 显示 (grid 需要 在 样式 中 进行 设置 ) 。 

【 例 6-15】 本 例 见 资源 包 中 的 6-15. cshtml。 

【示例 说 明 】 

本 示例 演示 了 上 述 部 分 属性 的 使 用 方法 。 

在 Razor 中 可 以 使 用 基于 HTML 的 标签 ,文本 框 、 下 拉 列 表 框 , 单 选 按钮 .命令 按钮 
等 客户 端 控件 。 这 些 控件 是 客户 端的 ,因此 在 使 用 时 不 要 加 Web Form 中 的 "runat 一 
server" 标 记 。 

【 例 6-16】 本 例 见 资源 包 中 的 6-16. cshtml。 

【示例 说 明 】 

(1) 本 示例 演示 了 Razor 在 页 面 上 使 用 基于 HTML 的 标签 .文本 框 、 下 拉 列 表 框 和 
命令 按钮 的 方法 。 

(2) 本 示例 仅 完成 了 向 class 表 中 添加 记录 的 前 台 界 面 设计 ,没有 进行 后 台 的 数据 
处 理 。 

(3) 由 于 class 表 的 profid( 专 业 编号 ) 字 段 来 自 于 prof 表 , 因 此 ,专业 信息 使 用 了 下 
拉 列 表 框 ,运行 时 将 prof 表 的 记录 全 部 取出 ,使 用 foreach 循环 将 专业 信息 以 “专业 名 称 
(专业 编号 ) ”的 形式 添加 到 下 拉 列 表 框 的 选项 中 。 

例 6-16 仅 实 现 了 添加 班级 信息 的 界面 设计 ,要 实现 班级 信息 在 数据 库 中 的 添加 , 需 
要 借助 Database 类 的 Execute 方法 , 即 利用 Database 类 的 Execute 方法 执行 INSERT 
INTO 语句 。 

【 例 6-17】 本 例 见 资源 包 中 的 6-17. cshtml。 

(1) 本 示例 演示 了 Razor 在 页 面 上 将 记录 插入 数据 表 的 方法 。 

(2) 注意 db. Execute 的 使 用 。 


6.3 ”Kooboo CMS 使 用 


Kooboo CMS 是 一 个 比较 灵活 的 CMS, 用 它 可 以 直接 创建 基于 C# 的 ASP.NET 网 
站 。 本 节 简 要 介绍 Kooboo CMS 。 


J80) ASP.NET 动 态 网 站 设计 与 制作 


6.3.1 初 识 Kooboo CMS 


安装 完 Kooboo CMS 后 可 直接 在 浏览 器 中 输入 Kooboo CMS 的 网 站 地 址 登录 
Kooboo CMS。 如 果 是 在 Web Matrix 3 中 使 用 Kooboo CMS, 可 以 在 Web Matrix 3 的 
Kooboo CMS 网 站 中 使 用 “在 浏览 器 中 浏览 ”, 启 动 Kooboo CMS 。 

Kooboo CMS 启动 界面 如 图 6-14 所 示 , 单 击 右 上 方 的 LogOn, 弹 出 图 6-15 所 示 的 登录 
界面 。Username 和 Password 的 默认 密码 都 是 admin, Redirect to 项 改 为 Admin page, 然 后 
单 击 Login 按钮 ,进入 Kooboo CMS 的 后 台 网 站 集群 管理 界面 ,如 图 6-16 所 示 。 
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6-15 ”Kooboo CMS 登录 界面 图 6-16 Kooboo CMS 网 站 集群 


Site Cluster 代表 一 个 网 站 集群 ,默认 情况 下 有 一 个 默认 的 示例 网 站 SimpleSite。 可 
以 将 其 他 Kooboo CMS 网 站 导入 ,也 可 以 创建 新 的 网 站 。 

这 里 创建 一 个 新 的 网 站 demo, 用 来 演示 通过 Kooboo CMS 创建 教师 信息 管理 系统 
的 方法 。 

如 图 6-16 所 示 , 单 击 “创建 "图标 按 钮 ,选择 A new site, 进 入 “新 网 站 ”的 设置 页 面 ， 
如 图 6-17 所 示 。 

(1) Template : 是 已 有 的 网 站 模板 ,Empty 是 一 个 空 网 站 ,SampleSite 和 SmallBusiness 
是 两 个 不 同 风格 的 网 站 模板 ,这 里 选择 SampleSite 模板 。 

(2) 名 称 : 是 这 个 网 站 的 存储 名 称 , 这 里 输入 demo。 

(3) 显示 名 称 : 是 在 网 页 中 显示 的 网 站 名 称 , 这 里 输入 teacherInfo。 

(4) 内 容 数据 库 : 设置 新 建 网 站 使 用 的 数据 库 名 称 。 这 里 可 以 选择 其 他 网 站 建立 的 
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数据 库 ,也 可 以 新 建 数据 库 。 也 就 是 说 ,Kooboo CMS 在 多 个 网 站 中 可 以 共享 数据 库 。 这 


里 新 建 一 个 数据 库 db。 


(5) 语言 : Kooboo CMS 支持 多 语言 。 这 里 选择 “中 文 (中 华人 民 共 和 国 )”。 


(6) Time zone: 时 区 。 


单 击 “ 保 存 ” 图 标 按钮 , 即 创建 了 名 为 demo 的 网 站 。 


A 
Kooboo 
New site 
Template 
Empty SmpleSte SmallBusiness 
名 称 demo 
网 闪 合 环 
显示 名 称 teacherinfo 
ES 
内 容 数据 库 db 
Creote o new database or select he dotabase where 
your content stored 
语言 中 文中 华人 民 共 和 国 ) 国 
Your front site culture, this ts used to disploy curency, 
date, number or other culture relfoted content 
Time zone (UTCc+0800) 北 京 , 重庆, 香港 特别 下 E 回 


图 6-17 创建 Kooboo CMS 网 站 


6.3.2 创建 Kooboo CMS 网 站 开发 步骤 


创建 Kooboo CMS 网 站 的 开发 步骤 如 图 6-18 所 示 。 


1. 建立 数据 库 

Kooboo CMS 的 数据 库 称 为 内 容 数据 库 , 默 认 情 
况 下 是 XML 存储 方式 。XML 存储 方式 是 最 简单 、 最 
方便 也 是 性 能 最 差 的 一 种 存储 方式 。XML 存储 方式 
没有 任何 额外 数据 结构 需要 创建 ,在 开发 过 程 中 可 以 
减少 很 多 不 必要 的 初始 化 和 冲突 的 情况 ,减少 开发 成 
本 。 同 时 ,XML 存储 也 是 站 点 在 导入 .导出 时 任何 的 
中 间 格 式 。 

运行 于 任何 数据 库 之 上 的 站 点 ,导出 都 是 将 内 容 
存储 在 XML 文件 中 ; 在 另 一 个 站 点 导入 时 ,再 将 存储 
在 XML 的 内 容 导入 另 一 种 数据 库 中 。 目 前 ,Kooboo 
CMS 支持 XML、SQLCe、SQLServer、MySQL 和 


内 容 闫 型 
1 < 
内 容 


添加 布局 


3 添加 视图 


选择 布局 
4 添加 页 面 


选择 视图 


5 编程 实现 特定 功能 


图 6-18 使 用 Kooboo CMS 创建 
网 站 的 步骤 
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MongoDB 数据 库 。 除 了 XML 和 SQLCe 外 ,其 他 几 个 类 型 的 数据 库 都 需要 进行 配置 。 
这 里 使 用 默认 的 XML 数据 存储 方式 。 

内 容 数 据 库 包括 文本 内 容 (TextContent) 和 媒体 内 容 (MediaContent) ,文本 内 容 的 结 
构 由 文本 内 容 结构 类 型 (content type) 负 责 定义 ,存储 在 文本 内 容 目 录 中 (text folder) 。 

因此 ,创建 内 容 数据 库 分 为 两 个 步骤 : 第 一 步 是 先 创建 内 容 类 型 ,内容 类 型 就 类 似 于 
数据 库 的 表 结构 ; 第 二 步 是 创建 内 容 , 即 text folder。 

2. 添加 布局 

布局 模板 用 于 定义 页 面 的 布局 结构 。 布 局 模板 包含 有 HTML 页 面 公 共 部 分 的 代 
码 , 还 预 留 有 相应 的 占 位 符 提供 给 不 同 的 页 面 添加 不 同 的 内 容 。 可 以 放 到 占 位 符 的 内 容 
包括 View、Html block、Module、Folder、Html content 等 。 

Kooboo CMS 提供 了 默认 的 布局 模板 ,开发 者 可 以 利用 默认 的 布局 模板 进行 修改 。 

3. 添加 视图 

视图 模板 承担 着 组 合 HTML 和 内 容 数 据 的 责任 ,开发 人 员 查询 数据 ,通过 模板 语 
法 组 合 输出 完整 HTML 内 容 。 视 图 模板 可 以 配置 数据 查询 ,配置 的 数据 结果 都 会 存 
在 ViewData 中 ,开发 人 可 以 通过 ViewData[ "DataName"] 或 者 ViewBag. DataName 得 
到 查询 结果 对 象 。 视 图 模板 中 查询 的 数据 ,只 允许 本 视图 模板 使 用 ,不 共享 给 其 他 
视图 。 

视图 模板 可 以 有 参数 配置 ,这 些 参 数 可 以 在 页 面 使 用 时 设置 参数 值 。 在 代码 中 使 用 
参数 值 的 方法 是 Page_Context. Current["parameterl"] 。 

4. 添加 页 面 

页 面 承担 着 站 点 内 容 的 组 合 、 站 点 导航 结构 的 构建 。 页 面 是 由 一 系列 配置 信息 组 成 ， 
是 Kooboo CMS 站 点 处 理 请 求 的 入 口 。 在 创建 页 面 时 ,需要 先 选择 布局 模板 ,在 页 面 设 
计 器 中 可 以 设 定 页 面 需要 的 视图 模板 ,也 可 以 选择 数据 查询 。 布 局 模板 和 视图 模式 这 两 
种 模板 加 上 数据 查询 就 可 以 组 成 页 面 。 


6.3.3 创建 db 内 容 数据 库 


db 数据 库 包含 两 类 信息 : 一 类 是 部 门 信息 (department) ,包括 部 门 编号 (departno) 
和 部 门 名 称 (departname); 另 一 类 是 教师 信息 (teacher), 包括 教 工 号 (tid)、 姓 名 
(tname) .出 生年 月 Cbirth) 性别 (sex)、 职 称 (title) 所 属 部 门 (departno) 。 

下 面 就 演示 如 何在 Kooboo CMS 中 创建 包含 上 述 信息 的 内 容 数据 库 。 

1. 创建 department 的 内 容 类 型 

在 demo 网 站 管理 界面 中 ,选择 “数据 库 ”>“ 内 容 类 型 ”, 单 击 “ 创 建 ”, 如 图 6-19 所 示 ， 
在 “创建 内 容 类 别 ” 文 本 框 中 输入 department ,然后 单 击 Create field 按钮 ,弹出 如 图 6-20 
所 示 界 面 。 
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kooboo ” 
创建 内 容 类 别 : department 


C Tree style data 
Creote the tree styie doto ond management interfoce 


名 称 标签 Control type 
6-19 创建 内 容 类 别 


(1) 名 称 : 即 字 段 名 。 

(2) 标签 : 是 字段 的 显示 名 。 

(3) 控制 类 型 : 是 在 录入 时 对 数据 作 校 验 的 依据 。 

(4) 数据 类 型 : 相当 于 字段 的 数据 类 型 。 如 果 该 字段 的 “概述 字段 " 复 选 框 被 选中 
后 ,该 字段 会 出 现在 内 容 项 的 中 ,“ 内 容 列表 ” 复 选 框 被 选中 后 该 字段 才 会 出 现在 内 容 详细 
页 中 。 

departno 的 设置 如 图 6-20 所 示 。 设 置 完 成 后 , 单 击 “ 保 存 ” 按 钮 即 可 。 


天 本 高 级 验证 


让 称 departno 


Name of your field, it ses the same naming rvie os C# veriable name 


标签 部 门 编号 
Desoriptive label of your field on the content editing page 
入 制 类 型 Int32 司 
The way that you woutd like to input your content. 
洁 据 类 型 Int 四 
蒜 认 值 | 


字段 
The Summary fietd will be used os a title or summary to describe yourcontentitem 


局 内 容 列表 
Show this fietd in the CMS content list page. 


图 6-20 创建 departno 字段 


同 理 ,departname 字段 的 设置 如 图 6-21 所 示 。 

内 容 结构 默认 内 置 了 一 些 系 统 字段 ( 表 6-5) ,但 是 在 定义 内 容 结构 时 ,系统 并 不 限制 
定义 的 字段 名 称 。 如 果 用 户 定义 的 字段 名 与 系统 字段 相同 时 , 则 会 自动 将 该 字段 的 值 存 
储 在 系统 字段 。 这 样 的 机 制 可 以 实现 开发 人 员 对 系统 字段 的 自由 控制 。 

比如 ,系统 内 置 UserKey 字段 ,是 让 用 户 设 置 一 个 友好 主键 。 但 在 默认 的 内 容 维 护 
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名 称 departname 


Nome of your field, it Uses the same naming rule as C# veriable name; 


标签 | 
Desorptive label of your fietd on the content editing page 
控制 类 型 TextBox 
The way that you woutd ike to input your content 
数据 类 型 String 国 
默认 值 
书 概 


述 字段 
The Summory field will be used as a titie or summary to describe your content item 


后 内 容 列 
Show this fietd in the CMS content 他 tPo9e 


图 6-21 创建 departname 字段 


表单 中 ,没有 UserKey 的 输入 框 。 此 时 ,就 可 以 在 内 容 结构 中 添加 一 个 UserKey 字段 ,用 
于 在 内 容 维 护 表单 中 生成 UserKey 的 输入 框 。 


表 6-5 Kooboo CMS 的 系统 内 置 字段 


字段 名 类 型 描 述 
Id String 对 关系 型 会 存储 自 增长 ID 
Repository String 内 容 数据 库 名 称 
FolderName String 目录 名 称 
UserKey String 内 容 友好 主键 
UtcCreationDate DateTime 创建 时 间 
UtcLastModificationDate DateTime 最 后 修改 时 间 
Published Nullable=bool> 发 布 状 态 
SchemaName String 内 容 结构 名 称 (Content type) 
ParentFolder String 父 内 容 的 目录 名 称 
ParentUUID String 父 内 容 的 主键 
Userld String 编辑 用 户 
OriginalFolder String 内 容 广 播 时 的 源 目录 
OriginalUUID String 内 容 广播 时 的 源 内 容 
IsLocalized Nullable<bool> 是 否 本 地 化 
Sequence long 内 容 排序 


2. 创建 teacher 的 内 容 类 型 
teacher 的 内 容 类 型 创建 后 如 图 6-22 所 示 。teacher 中 所 属 部 门 (departno) 不 需要 创 
建 ,将 department 作为 teacher 的 类 别 进行 设置 即 可 。 
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编 戏 :teacher 


po i Be Ea 
TI Torsor 5 5 1 
RE 名 Toe 5 2 
4 Tsm 5 3 
br EE Ta 到 4 
a JE nko ys ys 


图 6-22 teacher 的 内 容 类 型 


3. 创建 department 的 内 容 
选择 “数据 库 一 内 容 ”, 单 击 New folder, 弹 出 图 6-23 所 示 界 面 , 设 置 见 图 上 内 容 。 


权限 设置 关联 目录 CoNT 
称 department 
示 名 称 L 
得 : department 


图 6-23 ”创建 department 内 容 
显示 名 称 是 在 系统 中 该 内 容 的 显示 文字 ,如 果 不 设置 ,将 会 以 名 称 项 中 的 内 容 显示 在 
4. 创建 teacher 的 内 容 
创建 teacher 的 内 容 如 图 6-24 所 示 。 


权限 设置 关联 目录 CONT! 


teacher 


[ 
teacher 


图 6-24 创建 teacher 内 容 


在 这 里 ,需要 将 department 目录 设 定 teacher 的 类 别 目 录 。 单 击 “ 关 联 目 录 ? 选 项 卡 ， 
如 图 6-25 所 示 ,在 “类 别 目录 ”下拉 列 表 框 中 选择 department ,选中 * 单 选 ” 复 选 框 ,保存 。 

本 示例 不 用 设置 内 能 目录 。 内 骨 目 录 本 质 上 是 一 对 多 的 数据 关系 ,如 论坛 中 某 条 留 
言 和 留言 的 回复 ,回复 的 内 容 就 可 以 作为 留言 的 内 赃 目 录 。 

5. 添加 数据 

单 击 department 内 容 , 弹 出 页 面 如 图 6-26 所 示 , 单 击 Add content 图 标 按钮 ,弹出 页 
面 如 图 6-27 所 示 ,这 里 输入 的 就 相当 于 表 中 的 记录 。 选 中 Published 复 选 框 , 该 条 记录 才 
能 在 页 面 中 看 到 。db 数据 库 中 添加 的 部 门 表 信 息 如 图 6-28 所 示 。 


5) 


J86) ASP.NET 动 态 网 站 设计 与 制作 


Folder settings 


BASIC INFO 权限 设置 | ssa | CONTENT MANAGEMENT 
deparment 转 隐 单 选 国 


内 嵌 目 录 


Embed content from onother content folder, For exompie an articfe embeds comments 


图 6-25 将 department 目录 作为 teacher 的 类 别 目 录 


dd content department 


©) Add content 四 ew folder 


0 
department 
所 > 部 门 编号 
6-26 department 的 add content (1) 图 6-27 department 的 add content (2) 

department 
口 ” 部 门 编号 部 门 名 称 Creation date 。 Published 
Ds 影 权 管理 2015/5/27 YES 
[a 工商 管理 2015/5/1 ves 
口 有 站 金融 2015/5/13 YES 
口 EE 会 计 2015/5/13 YES 
口 2 信息 管理 2015/5/13 YES 
品 Li 电子 商务 2015/5/13 YES 


图 6-28 ”department 手工 添加 的 内 容 


添加 “教师 表 ” 的 页 面 如 图 6-29 所 示 , 由 于 teacher 以 department 目录 为 类 别 ,所 以 


在 这 


有 需要 选择 department 中 的 相关 信息 。db 中 添加 的 teacher 信息 如 图 6-30 所 示 。 


工 号 [ js006 
用 对 名 | 刘 堪 师 
4 别 区 
昌明 [ 1962-8-9 
得 称 [到 有 
BF Published 
Hepartment 4 四 


6-29 ”为 teacher 手动 添加 内 容 
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teacher “Pp 
口 - 孝 I 号 教师 姓名 性 别 出 生日 期 职称 Creation date 。 Published 
DO jo em 67.4.9 ss 2 ves 
DC Bi nt 另 am2nnl I 201s/58 ves 
Dpom 让 妆 1969-3-4 TE 2050519 vs 
D ims We 冯 1908-4.26 天 20s5519 ves 
DO Bi Em 男 98751 Wh 39057519 vs 
D Bm 2 另 19 205019 ves 
DO bm 可 虽 1905-3.2 WH as/ ves 
口 Bem 天 日 9532 a3 205509 vs 


图 6-30 teacher 内 容 中 手动 添加 的 所 有 记录 


6.3.4 创建 布局 


布局 用 来 统一 网 站 的 风格 。 选 择 * 开 发 ">“ 布 局 ”一 “创建 "菜单 命令 ,进入 布局 的 设 
计 和 界面 。 如 图 6-31 所 示 。 可 在 此 直接 输入 布局 的 代码 ,也 可 以 利用 布局 右 侧 的 辅助 功能 


使 用 已 有 的 布局 模板 。 


html, ProntHtml () ,Metal) 
Qtml. Prontltml () .Registerstyles() 


ibml ProntHtml () ,Position ("Main") 


fume org/TR/xheml1/ DTD/xhtml1- 


布局 帮助 
bp HM 
布局 
过 加 视图 


辅助 代码 


Label 


MuttFiesField 


在 New layout 文本 框 中 输入 布局 的 名 称 onecolumn, 然 后 单 击 右 侧 “ 布 局 帮助 * 中 的 
“布局 ”, 展 开 布 局 选项 , 单 击 OneColumn 名 称 布局 右 侧 的 按钮 ,如 图 6-32 所 示 ,系统 弹 出 


图 6-31 


对 话 框 ,询问 是 否 确 定 蔡 换 模板 , 单 击 “ 确 定 ” 按 钮 .系统 会 自动 创建 onecolumn 布局 。 


New layout onecolumn 


naitional. dtd"> 
ml mlns="http:/ /om 
> 
GHtml. ProntHtml () ,emlzitlef) 
QHtml. ProntHtml () ,Meta[) 
tml. Pront Heml() .Registerstyles() 


org/1999/xhtml"> 


Qtml. ProntHtml () Position ("Main") 
</div> 


© 人 确定 要 普 扩 这 个 模 棉 9? 


1 <IDOcTYPE heml PUBLIC "-//W3c//DTD XH 1.0 Transitional//EN” "http://wa,u3.org/TR/xhtml 


v 布局 帮助 
9 HTML 夫 
-布局 


Defoult -| 


图 6-32 


使 用 布局 帮助 生成 布局 代码 
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@Html. FrontHtml(). Position("main") 中 的 "@ Html. FrontHtml(). Position()" 
是 onecolumn 布局 中 的 占 位 符 代码 ,每 个 Position 都 可 以 使 用 一 个 视图 。 在 布局 模板 中 
也 可 以 对 数据 进行 操作 。 

【 例 6-18】 onecolumn 布局 模板 代码 请 见 资源 包 中 的 6-18. txt。 

在 名 称 为 header 的 Position 中 ,将 用 来 显示 网 站 的 导航 菜单 以 及 进行 用 户 登 录 的 
操作 。 


6.3.5 创建 视图 


1. 视图 名 称 
选择 “开发 "视图 ”一 “创建 菜单 命令 ,进入 视图 的 编辑 模式 ,如 图 6-33 所 示 。 


”: "") '>8Btml .ProntHtml() ,PageLink (item.LinkText, item.PullName) </11> 


图 6-33 ”创建 视图 


视图 用 于 处 理 数据 ,图 6-33 所 示 为 一 个 用 于 显示 菜单 的 名 为 Menu 的 视图 。 

如 果 需 要 按照 类 别 存放 视图 ,可 采用 * 类 别名 . 视图 名 ”的 方式 建立 视图 ,这 样 ， 
Kooboo CMS 会 在 视图 中 先 建立 一 个 类 别名 ,之 下 才 是 视图 名 。 

如 图 6-34 所 示 ,创建 一 个 depart. add 的 视图 (本 视图 用 于 添加 部 门 信息 )。 保 存 此 视 
图 后 ,视图 菜单 中 显示 的 是 一 个 名 为 depart 的 类 目 ,展开 该 类 目 后 ,才能 在 右 侧 看 到 
depart. add 视图 ,如 图 6-35 所 示 。 


[xe'e too OL OL 


New view depa rtadd| 


图 6-34 视图 名 称 
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2. 创建 数据 查询 

在 视图 中 ,可 以 使 用 数据 查询 来 打开 数据 集 。 比 如 要 创建 一 个 用 于 浏览 部 门 信息 的 
视图 depart. info, 可 先 创 建 一 个 部 门 信 息 的 数据 查询 。 如 图 6-35 所 示 , 单 击 数 据 查 询 的 
“十 ”按钮 ,在 弹出 的 Edit Filters 页 面 中 选择 department, 如 图 6-36 所 示 , 单 击 “ 下 一 条 ” 
按钮 ,如 图 6-37 所 示 ,设置 Data Name( 本 例 设 为 dsdepart) 。 


网 站 管理 9 


wrsa Po] YE Newvew departinfo 
开始 所 名 称 1 
系统 砷 呆 seo 
.到 
三 deparcedit | 
有 岂 日 ee 
< 视图 CD departsearch 视图 
depart CD departtop loginform 目 
detal menu 日 
Dteacher test 目 


图 6-35 视图 中 创建 数据 查询 (1) 


Edit Filters 


Choose Folder > Edit Filters 


盯 人 teacher 


查询 类 型 © RTE 
下 -条 
图 6-36 ”视图 中 创建 数据 查询 (2) 
Edit Filters 


hoose Folder > Edit Filters 


文件 夹 department 
内 容 类 型 department 
内 容 过 滤 

高 级 


5 


6-37 ”视图 中 创建 数据 查询 (3 


9) ASP.NET 动 态 网 站 设计 与 制作 


如 果 要 设置 筛选 规则 ,可 利用 ”内 容 过 滤 ? 来 设置 。 要 对 数据 查询 做 更 多 的 设置 ,可 单 
“高 级 ”选项 ,如 图 6-38 所 示 。 


v 高 级 
TOP 
Sort filed departno 习 
排序 方向 ASC 习 
启用 分 页 区 
拇 页 记录 数 5 
Aconstvolue OR dynamic value get from query string. 9: 10 OR {PageSize} 
分 页 下 标 {PageIndex} 
The page index parameter name, eg:{Pogeindex) 


图 6-38 视图 中 创建 数据 查询 (4) 


(1) Sort filed: 用 来 选择 排序 的 字段 名 ,数据 查询 将 按照 此 字段 名 进行 排序 。 

(2) 排序 方向 : ASC 为 递增 ,DESC 为 递减 。 

(3) 启用 分 页 : 默认 为 不 分 页 。 如 启用 分 页 , 则 数据 查询 将 按照 每 页 记录 数 中 设置 
的 记录 数量 进行 分 页 显示 。 

(4) 每 页 记录 数 : 启用 分 页 时 才 起 作用 ,是 分 页 时 每 页 中 显示 的 记录 数量 。 

(5) 分 页 下 标 : 用 于 控制 分 页 时 的 页 码 。 

如 果 启 用 分 页 , 则 要 在 视图 中 添加 分 页 的 操作 代码 。depart. info 视图 启用 分 页 ,每 
页 显示 5 条 记录 。 单 击 Save 按钮 后 ,数据 查询 就 创建 成 功 了 。 

3. 使 用 数据 查询 

如 果 在 视图 中 创建 了 数据 查询 ,在 视图 中 使 用 *ViewBag. 数据 查询 名 称 ” 就 可 以 访问 
数据 查询 中 的 数据 了 。depart. info 视图 代码 如 图 6-39 所 示 , 该 视图 以 表格 的 方式 浏览 
department 表 中 的 内 容 , 并 以 每 页 5 条 记录 的 方式 进行 分 页 。 

(1) @ Html. FrontHtml (). PageLink (item. departno," departs/departedit", new 
{UserKey= item. UserKey ) ) 这 行 代码 的 作用 是 将 item. departno 设 为 超 链接 , 当 单 击 
显示 出 来 的 某 一 条 记录 的 departno 时 ,页 面 将 会 被 导航 到 departs/departedit 页 面 。 
Kooboo CMS 是 以 匿名 方式 传递 页 面 参 数 ,new (UserKey 一 item. UserKey } 就 是 传递 的 
页 面 参 数 , 这 行 代 码 的 作用 相当 于 Web Forms 中 的 Response. Redirect ("departs/ 
departedit UserKey 一 XX X")。UserKey 是 对 应 记录 的 UserKey,departedit 是 记录 详 
细 编 辑 页 ,导航 将 显示 该 条 记录 所 对 应 的 详细 页 。 

(2) @{} 里 面 的 是 分 页 的 设置 。 

4. 数据 的 操作 

对 数据 表 的 增 、 删 \ 改 、 查 也 是 在 视图 中 完成 的 。Kooboo CMS 提供 了 以 下 数据 操作 
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New view departinfo 


1 Qusing Kooboo.CHS.Content.Models 


<table width="50%" border="1"> 
<caption> 部 门 信息 </caption> 
<tr align="center”> 
<th width="30%” > 部 门 编号 </th> 
<th width="408” > 芳 门 多 称 </tb> 
</tr> 
Qforeach(var item in ViewBag.dsdepart) 


<tr align="center"> 
<td> 
QHtml. FrontHtml () .PageLink (item. departno, "departs/departedit", new { UserKey= Item.UserKey })</td: 
<td>@item. departname</td> 
</trdl 


var pageOption = new PagerOptions 
{ 


NextPageText = "Next »", 

PrevPageText = "« Previous", 

Csaclass="pagination", 

Currentpager ItemdrapperFormatstring="<span class=\"current\">{0}</span>", 

NavigationPager ItemWrapperFormatstring="<span class=\"pagenavigation\">{0} </span>" 
和 


6-39 在 视图 中 使 用 数据 查询 


方法 。 

@SubmissionHelper. DeleteContentUrl(string FolderName, string uuid) : 删除 指定 
Folder 的 uuid 所 对 应 的 记录 。 

@SubmissionHelper. UpdateContentUrl() : 修改 记录 。 

@SubmissionHelper. CreateContentUrl() : 添加 记录 。 

1) 删除 记录 

通常 是 在 浏览 记录 的 时 候 为 每 条 记录 设置 一 个 form, 每 个 form 对 应 一 个 用 于 删除 
的 按钮 (input type 一 "submit") ,删除 的 FolderName 和 uuid 参数 则 使 用 隐藏 的 表单 标记 
以 post 方式 传递 。 下 面 是 teacher 表 进行 浏览 和 删除 的 视图 示例 。 


@foreach( dynamic item in ViewBag. dstea) 
{ 
< form method = "post" action = '@SubmissionHelper. DeleteContentUrl( 
@Request[ "FolderName"], @Request["uuid"])> 
@Html. AntiForgeryToken( ) 
<tralign= "center" > 
<td><a href = '@Url. FrontUrl( ). PageUrl ("teachers/teacheredit", new { UserKey = 
item. UserKey} ) '@ViewHelper. Edit( item, "tid") >@ item. tid</td> 
<td>@ item. tname </td> 
<td>@iten. sex </td> 
<td>@iten. title</td> 
<td>@iten. birth</td> 
<td> 
@foreach(var category in ((Kooboo. CMS. Content. Models. TextContent) 
item). Categories(ContentHelper. TextFolder("department"))) 
{ 
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@category[ "departname" ] 
} 
</td> 
<td> 
< input type = "submit" name = "submit" onClick = "javascript:affirm();" value= "删除 " /> 
< input type = "hidden" name = "FolderName" value= 
'@SecurityHelper. Encrypt ("teacher")'/> 
< input type = "hidden" name = "uuid" value = "@ item. UUID" /></td> 
</tr> 
</form> 


} 
其 中 ,下 面 的 部 分 是 以 隐藏 的 表单 标记 传递 删除 方法 的 两 个 参数 。 


< input type = "hidden" name = "FolderName" value = 
'@SecurityHelper. Encrypt( "teacher")'/> 
< input type = "hidden" name = "uuid" value = "@item. UUID" /> 


§ 【小 提示 】 


表单 中 的 控件 标记 当 以 post 方式 传递 时 ,需要 设置 name 属性 ,即将 name 设置 为 
DeleteContentUrl 方法 所 需要 的 参数 名 称 ,然后 在 form 的 action 方法 中 采用 Request[" 参 
数 名 "] 的 方式 即 可 获取 到 。 

由 于 teacher 表 中 使 用 了 department 表 作为 类 别 , 下 面 是 读 取 teacher 表 中 某 条 记录 
的 类 别 所 用 的 代码 。 


@foreach(var category in ( (Kooboo. CMS. Content. Models. TextContent) 

item). Categories(ContentHelper. TextFolder("department"))) { 
@category[ "departname" ] 

} 


2) 添加 记录 

下 面 是 添加 教师 信息 的 部 分 代码 。 

< form id=" form" method = "post" action = "(@SubmissionHelper. CreateContentUrl()"> 
@Htm]. AntiForgeryToken( ) 

< input type = "hidden" name = "FolderName" value= 

'@SecurityHelper. Encrypt("teacher")' /> 

< input type = "hidden" name = "Published" value = "true" /> 

< input type = "hidden" name = "Categories[0]. FolderName" value = "department" /> 


<pclass= "field"> 
< label for = "depart1"> 所 属 部 门 :</label > 
<select id= "Categories[0].UUID” name = "Categories[0].UUID" > 
@foreach(var myitem in ViewBag. depart) { 
< option value = '@myitem.UUID>@myitem. departname </option> 


第 6 帝 网 站 快速 开发 技术 WW 


} 

</select> 

</p> 

<p class= "buttons"> 

<button type = "submit"> 保 存 </button > 

</form> 

添加 的 方式 与 删除 的 方式 类 似 , 即 将 UpdateContentUrl 所 需要 的 各 个 参数 值 以 指定 
name 的 表单 标记 post 过 去 即 可 。Kooboo CMS 会 自动 接收 ,然后 进行 添加 操作 。 对 于 
不 需要 用 户 看 到 的 表单 标记 ,采用 隐藏 方式 (input type 一 "hidden" ) 进 行 设置 。 

3) 修改 记录 

修改 与 添加 的 方式 很 接近 ,区 别 在 于 修改 需要 将 对 应 记录 的 值 显 示 在 对 应 的 表单 标 
记 中 , 即 让 用 户 看 到 该 条 记录 的 值 。 可 使 用 带 内 容 过 滤 的 数据 查询 来 得 到 指定 的 记录 , 然 
后 进行 显示 。 

下 面 是 teacher 表 修 改 记录 的 视图 的 部 分 代码 。 


< form name = "messageForm" method= "post" action= 
"@submissionHelper. UpdateContentUrl()" > 

@Html. AntiForgeryToken( ) 

< input type = "hidden" name = "FolderName" value = 


'@securityHelper. Encrypt("teacher")' /> 


@foreach(var item in ViewBag.tea) { 
< input type = "hidden" name = "uuid" value = "@ item.UUID" /> 


<p class = "buttons"> 

< button type= "submit"> 保 存 </button > 

</form> 

本 例 中 的 数据 查询 tea 创建 方法 如 图 6-40 所 示 。 内 容 过 滤 需 要 指定 UserKey 一 一 
{UserKey), 这 样 , 当 使 用 @ Html. FrontHtml ( ). PageLink (item. tid," teachers/ 
teacheredit", new { UserKey= item. UserKey }) 导 航 到 此 页 时 ,tea 查询 就 会 根据 接收 


到 的 UserKey 值得 到 指定 的 记录 了 。 


4) 查询 记录 
下 面 的 代码 是 执行 按 所 属 部 门 查找 教师 的 查询 功能 的 核心 代码 。 
@functions{ 


TextFolder newsFolder = ContentHelper. TextFolder("teacher"); 
TextFolder categoryFolder = ContentHelper.TextFolder("department"); 
public IEnumerable < TextContent > GetByCategory( string uuid) { 
return newsFolder. CreateQuery( ). WhereCategory( categoryFolder. 
CreateQuery(). WhereEquals("uuid", uuid)); 
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Edit Fifters 

[Choose Folder > Edit Filters 

Pata Name tea 

文件 夹 teacher 

内 容 类 型 teacher 

内 容 过 滤 UserKey == {UserKeyj} 与 节目 
殿 别 目录 department 司 


6-40” 设 定数 据 查询 的 内 容 过 滤 


} 
@helper setds(string s) { 
ViewBag. dstea = GetByCategory(s); 
} 
< form method = "post" action = '@setds(@Request["bydepart"])'> 
@(" 按 部 门 查找 教师 ". Label()) 
< select id = "bydepart" name = "bydepart"> 
<option value = '0> 请 选择 部 门 </option> 
@foreach(var de in ViewBag. depart){ 
< option value = '@de. UUID'>@de. departname </option > 
} 
</select> 
< input type = "submit" id = "submit" name = "submit" value = "查找 " /> 
</form> 
setds(string s) 的 作用 是 用 于 建立 一 个 按 选 定 的 部 门 查找 教师 的 数据 查询 。 数 据 查 
询 的 来 源 则 是 利用 GetByCategory(string uuid) 函数 得 到 。 
newsFolder. CreateQuery(). WhereCategory( categoryFolder. CreateQuery(). WhereEquals 
("uuid", uuid)) 是 Kooboo CMS 提供 的 进行 数据 查询 的 方法 。 
下 述 代码 见 资源 包 。 
【 例 6-19】 Menu 视图 代码 。 
【 例 6-20】 LoginForm 视图 代码 。 
【 例 6-21】 teacher. top 视图 代码 。 
【 例 6-22】 teacher. info 视图 代码 。 
【 例 6-23】 teacher. edit 视图 代码 。 
【 例 6-24】〗】 teacher. add 视图 代码 。 
【 例 6-25〗 teacher. search 视图 代码 。 
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【 例 6-26】 teacher. searchbydepart 视图 代码 。 
【 例 6-27】 teacher. detail. return 视图 代码 。 
【 例 6-28】 depart. top 视图 代码 。 

【 例 6-29】 depart. info 视图 代码 。 

【 例 6-30】 depart. edit 视图 代码 。 

【 例 6-31】 depart. add 视图 代码 。 

【 例 6-32】 depart. search 视图 代码 。 

【 例 6-33】 depart. detail. return 视图 代码 。 


6.3.6 创建 页 面 


选择 “网 站 管理 >“ 页面 "一 “新 建 ”, 如 图 6-41 所 示 ,. 需 要 先 选 定 页面 的 布局 名 称 。 
这 里 选择 之 前 创建 的 onecolumn 视图 ,进入 页 面 编辑 器 ,如 图 6-42 所 示 。 


Oi 


图 6-41 创建 页 面 


| sm HE Um a id 


admin] [Sign Out 


teachernfo design by Mr WY 


图 6-42 页 面 编辑 器 


在 页 面 设计 器 标签 中 的 New page 文本 框 中 输入 页 面 的 名 称 (本 例 是 teachers) ,Place 
Holer 的 位 置 是 占 位 符 , 可 以 添加 视图 、 目 录 或 标签 。 这 里 添加 两 个 视图 : teachers. top 和 


teachers. info。 
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在 “设置 "选项 卡 中 ,将 teachers 页 设置 为 首页 ,如 图 6-43 所 示 , 即 网 站 一 进入 就 显示 
的 页 面 。 设置 为 首页 的 页 面 一 个 网 站 中 只 能 有 一 个 。 


编辑 页 面 : teachers 


设计 器 | | 导航 HTML META URL 路 由 
布局 | one_column 四 El 


The iis that con be used by this page, the value can be occessed via APt @Poge Context Cunentd 


局 设置 为 首页 


隐 皮 肤 
Load the theme CS5 files from the System selected theme Jolder 


区 脚本 
Lood JovaSenipt files from the site script folder, 


页 面 的 类 型 人 @ Default 
© Static 


© Dynamic 

The type of your page used to mark them differently in the sitemap 

Defautt: setect this option if you do not know your page type 

Static: contains only manually inputted static content 

Dymamic: contoins dynamic content from database either via the dotorvie or your own APl query, 


图 6-43 页 面 中 的 “设置 "标签 


在 “导航 ”选项 卡 中 ,如 图 6-44 所 示 。 如 果 将 页 面 显示 在 导航 , 则 可 以 通过 
@MenuHelper 命令 在 视图 中 进行 页 面 导 航 。 


隔 辑 页 上 : teachers 


设计 器 设置 | sx | HTML META 


民 示 文本 [教师 
重 序 1 
所 显示 在 导航 


Make this page accessible from the menu APL 


万 显示 在 导航 面包 忆 
Moke this poge occessible from the Crumb po 由 APL 


图 6-44 页 面 中 的 导航 设置 


(1) 显示 文本 是 该 页 面 显示 在 导航 栏 里 的 文本 。 

(2) 排序 中 的 序号 用 于 设置 页 面 在 导航 中 的 顺序 。 

在 “URL 路 由 ”选项 卡 中 ,如 图 6-45 所 示 ,可 以 设置 以 下 内 容 。 

(1) Link target: 页 面 显示 的 位 置 ,有 _self、blank、parent 和 _top 这 4 种 方式 。 
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隔 辑 页 面 :teachers 


设计 器 设置 导航 HTML META 


Link target 司 


External URL 


I this field you can insert an evtemal URL in case a meny items need to tink extematly. e.g:http://forum kooboa com/. 


RL 别名 

ETL LT TT TT DEE 
URL 路 径 {UserKey} 

自 记 URL 嫉 如 艇 式 。 

ET 

比如 ， 书 fuserkey)_othertext 都 岳 Userkey=“， 摘 吉 部 为 加 本 URL 媒 地 
莱 认 值 Key Value 


| Userkey | | ] 图 


Defovit volves oppended to the poge URL query sbing 


图 6-45 页面 中 的 “URL 路 由 ”选项 卡 设置 


(2) External URL: 设置 页 面 的 外 部 访问 路 径 。 

(3) URL 别名 : 用 于 设置 页 面 访问 时 的 备注 名 。 

(4) URL 路 径 : 由 于 本 示例 需要 用 new { UserKey 一 item. UserKey}) 传 递 匿名 参数 ， 
此 处 设置 为 {UserKey} ,其 作用 相当 于 指明 “teachers UserKey 一 XXX” 页 面 的 UserKey 
参数 。 

(5) 默认 值 : 本 示例 添加 UserKey (注意 不 要 用 括号 ), 这 个 UserKey 就 相当 于 
“teachers UserKey 一 XXX” 的 XXX。 

如 果 要 创建 类 似 于 teachers/teacheredit 中 的 teacheredit 子 页 面 . 则 可 以 在 “开始 ”中 
的 teachers 页 面 添加 New sub page 子 页 面 ,如 图 6-46 所 示 , 选 择 布局 后 ,其 他 的 操作 就 
和 上 面 页 面 设置 类 似 了 。 


New sub page 
腹 除 
取消 发 布 
移 到 


图 6-46 添加 New sub page 子 页 面 
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本 系统 最 终 的 页 面 结 构 如 图 6-47 所 示 。 


RE 
| 
加 
加 


图 6-47 demo 中 的 页 面 结构 


多 本 章 小 结 


本 章 讲述 了 利用 CMS 建站 的 方法 。 本 章 分 为 三 部 分 : 第 一 部 分 介绍 CMS 的 相关 概 


念 ; 第 二 部 分 介绍 了 Web Matrix 的 使 用 和 Razor 语法 ; 第 三 部 分 是 本 章 的 重点 ,通过 建 
立 一 个 教师 管理 的 网 站 介绍 了 Kooboo CMS 系统 的 使 用 。 


六 思考 与 练习 


wD 


. 什么 是 CMS? 它 有 哪些 特点 ? 


有 了 哪些 比较 典型 的 CMS 软件 ? 


.Web Matrix 3. 0 如 何 安装 和 使 用 ? 
.Razor 语法 如 何 使 用 ? 如 何 使 用 Razor 语法 进行 数据 库 操作 ? 
. 简 述 Kooboo CMS 创建 网 站 的 流程 。 


为 了 使 读者 能 够 真实 地 感受 网 站 建设 过 程 , 结 合 网 站 开发 具体 要 求 和 软件 工程 思想 ， 
本 章 通过 介绍 一 个 具体 网 站 开发 案例 来 综合 课程 知识 点 ,阐述 网 站 开发 的 真实 过 程 和 方 
法 ,详细 描述 了 一 个 企业 网 站 开发 项 目 实施 的 具体 步骤 。 


7.1 前 期 设计 


需求 分 析 ,总 体 设计 以 及 数据 库 设计 都 是 软件 工程 中 必 不 可 少 的 环节 ,这 些 在 开发 之 
前 的 设计 称 为 前 期 设计 ,网 站 的 开发 也 需要 这 些 内 容 。 


7.1.1 需求 分 析 


在 网 站 开发 之 前 所 做 的 设计 方案 往往 会 对 网 站 的 最 终 效果 产生 巨大 的 影响 ,许多 问 
题 在 开发 之 前 就 应 该 进行 深入 的 调查 和 讨论 。 例 如 ,这 个 网 站 面向 的 用 户 是 谁 ? 用 户 所 
需要 的 主要 功能 有 哪些 ? 日 常 处 理 的 数据 集 有 多 大 ? 是 否 需 要 使 用 数据 库 服务 器 ? 用 户 
所 使 用 的 主要 操作 系统 有 哪些 ? 

通过 对 用 户 初始 的 调查 ,系统 设计 者 可 以 了 解 用 户 的 现 有 状况 和 对 最 终 系统 的 需求 ， 
在 此 基础 上 ,进行 可 行 性 分 析 , 也 就 是 具体 分 析 系统 的 开发 是 否 存在 内 外 部 的 必要 条 件 ， 
包括 技术 上 、 资 金 上 、 经 济 上 、 人 力 资源 以 及 组 织 管理 上 的 必要 条 件 ,同时 还 要 分 析 在 目前 
条 件 下 是 否 有 必要 开发 这 样 一 个 信息 管理 系统 。 

在 可 行 性 分 析 完 成 之 后 ,就 应 该 进行 具体 的 需求 分 析 、 完 成 数据 库 的 设计 以 及 确定 网 
站 的 主要 功能 。 在 网 站 建设 之 前 ,需要 认真 做 好 规划 。 在 规划 阶段 ,应 该 让 用 户 更 多 地 参 
与 进来 。 无 论 多 么 详细 的 规划 ,在 网 站 实施 过 程 中 也 需要 不 断 地 进行 修改 ,并 且 不 断 地 进 
行 讨论 ,认真 听取 用 户 的 反馈 意见 ,以 最 终 确定 网 站 的 建设 方案 。 


7.1.2 网 站 总 体 设计 
本 章 所 开发 的 简单 网 上 书店 充分 利用 了 网 络 的 优势 ,使 管理 者 能 够 方便 、 快 捷 地 进行 
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用 户 管理 .图 书 管理 .库存 管理 和 购物 车 等 功能 。 主 要 页 面 与 功能 如 下 。 

1. 首页 

首页 主要 提供 了 简单 网 上 书店 系统 的 导航 功能 ,包括 用 户 登录 ,用 户 注册 、 图 书 查询 、 
新 书信 库 ,封面 上 传 、 库 存 管理 .购物 车 等 功能 。 

2. 用 户 登录 功能 

输入 正确 的 用 户 名 和 密码 ,登录 成 功 ,进入 首页 ; 否则 出 现 提示 信息 。 

3. 用 户 注册 功能 

通过 用 户 注册 ,可 以 添加 新 的 用 户 信息 。 注 册 成 功 的 用 户 可 以 通过 登录 进入 系统 。 

4. 图 书 管理 功能 

图 书 管理 主要 包括 新 书 人 库 .封面 上 传 、 图 书 查询 .库存 管理 .查看 图 书 介绍 等 功能 。 

5. 购物 车 功能 

购物 车 主要 包括 购物 车 的 查看 、 购 书 数量 的 修改 、 结 账 、 清 空 购物 车 等 功能 。 

7.1.3 数据 库 设计 

数据 库 是 系统 数据 层 的 实现 ,在 前 面 详细 分 析 了 该 网 站 所 要 完成 功能 的 基础 上 ,进行 
数据 分 析 , 从 而 设计 了 本 网 站 的 数据 库 模型 。 

数据 库 MyBook 包括 以 下 5 个 表 : 图 书信 息 表 books、 用 户 信息 表 users、 购 物 车 表 
shoppingCart、 客 户 订单 状态 表 orders、 客 户 订单 详细 信息 表 orderDetails。 表 结构 如 
表 7-1 一 表 7-5 所 列 。 

表 7-1 图 书信 息 表 books 


字段 名 称 数据 类 型 长 度 是 否 允许 空 值 说 明 
book_id varchar 6 否 图 书 编号 , 设 为 主键 
title varchar 80 否 书 名 

type varchar 20 否 图 书 类 型 

price decimal 5 否 单价 

notes varchar 250 否 图 书简 介 

inventory int 4 是 库存 量 


表 7-2 用 户 信 息 表 users 


字段 名 称 数据 类 型 长 度 是 否 允许 空 值 说 明 
user_id varchar 50 否 用 户 编号 , 设 为 主键 ,为 自动 编号 
user_name varchar 20 否 用 户 名 
user_pwd varchar 20 否 用 户 密码 
user_email varchar 80 是 用 户 电子 邮箱 


表 7-3 购物 车 表 shoppingCart 


字段 名 称 数据 类 型 长 度 是 否 允 许 空 值 说 明 
user_id varchar 50 否 用 户 编号 
book_id varchar 6 否 图 书 编号 
title varchar 80 否 书 名 
quantity int 4 否 购书 数量 
price decimal 5 否 图 书 价格 


表 7-4 客户 订单 状态 表 orders 


字段 名 称 数据 类 型 长 度 是 否 允许 空 值 说 明 

order_id int 4 否 订单 编号 
user_id varchar 50 是 用 户 编号 
status varchar 20 是 订单 状态 


表 7-5 客户 订单 详细 信息 表 orderDetails 


字段 名 称 数据 类 型 长 度 是 否 允许 空 值 说 明 
order_id int 4 否 用 户 编号 
book_id varchar 6 是 图 书 编号 
title varchar 80 是 书 名 
quantity int 4 是 订购 数量 
price decimal 5 是 图 书 单价 


7.2 网 站 详细 设计 与 开发 


简单 网 上 书店 是 在 Visual Sudio 2013 的 环境 里 开发 的 ,首先 需要 在 Visual Sudio 
2013 中 新 建 网 站 ,并 定义 网 站 的 名 称 和 路 径 。 当 新 网 站 创建 完成 后 , Visual Sudio 2013 
就 会 创建 一 个 新 的 Web 应 用 程序 。 

在 新 的 Web 应 用 程序 中 ,Visual Sudio 2013 将 为 网 站 添加 一 个 新 页 面 , 并 在 编辑 器 
中 将 它 打 开 。 这 个 新 的 ASP.NET 页 面 需 要 先进 行 界面 设计 ,在 页 面 上 添加 合适 的 控件 。 
当 页 面 上 所 有 控件 都 定义 完成 后 ,需要 保存 和 浏览 页 面 。 此 时 的 ASP.NET 页 面 只 是 一 
个 界面 ,不 具有 处 理事 件 的 实际 能 力 ,需要 添加 必要 的 代码 ,才能 完成 相应 的 功能 。 

代码 添加 完成 后 ,保存 Web 窗 体 页 面 并 生成 了 应 用 程序 , 单 击 工具 栏 中 的 “运行 ” 按 
钮 ,程序 自动 编译 ,最 后 生成 结果 页 面 ,这 时 ,就 能 在 一 个 内 嵌 的 浏览 器 窗口 中 查看 页 面 。 


7.2.1 Web. config 文件 


Web. config 文件 是 一 个 基于 XML、 人 机 可 读 的 文件 ,包含 应 用 程序 的 配置 选项 。 
ASP.NET 的 配置 文件 是 基于 XML 格式 的 纯 文本 文件 ,存在 于 应 用 的 各 个 目录 下 ,统一 
命名 为 Web. config。 它 决定 了 所 在 目录 及 其 子 目 录 的 配置 信息 ,并 且 子 目录 下 的 配置 信 
息 覆 盖 其 父 目 录 的 配置 。 这 种 方式 可 以 为 应 用 程序 建立 一 套 有 层次 的 配置 机 制 。 如 果 在 
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应 用 程序 的 主 目录 下 添加 了 Web. config 文件 ,其 中 包含 的 配置 设置 在 整个 应 用 程序 中 
有 效 。 

本 例 中 Web. config 中 需要 设置 的 代码 有 两 部 分 : 一 是 设置 数据 库 连 接 ; 二 是 设置 
安全 身份 验证 模式 为 Forms 模式 。 代 码 及 说 明 如 下 。 

(1) 设置 数据 库 连 接 。 

<appSsettings> 

<add key = "connstring" 

value= " DataSource = (local); Initial Catalog = mybook; Integrated Security = True;"/> 

</appSettings > 


§ 【小 提示 】 


以 上 代码 为 Windows 身份 验证 模式 ,数据 库 名 为 mybook。 


<appSettings> 

<add key = "connstring" 

value = " server = (local);Database = mybook; Uid= sa;Pwd= d"/> 
</appSettings > 


§ 【小 提示 】 


以 上 代码 为 SQL Server 身份 验证 模式 ,数据 库 名 为 mybook, 用 户 名 为 sa, 密 码 为 d。 
(2) 设置 安全 身份 验证 模式 为 Forms 模式 。 
<authentication mode = "Forms"> 


< forms name = ". ASPXAUTH" loginUrl = "login.aspx" timeout = "40"></forms> 
</authentication> 


< [语法 说 明 】 


通过 和 二 authentication 之 节 可 以 配置 ASP.NET 用 来 识别 进入 用 户 的 安全 身份 验证 模 
式 。 可 能 的 模式 是 Windows、Forms、Passport 和 None。 

None: 不 执行 身份 验证 。 

Windows: IIS 根据 应 用 程序 的 设置 执行 身份 验证 (基本 \ 简 要 或 集成 Windows) 。 在 
JIS 中 必须 禁用 匿名 访问 。 

Forms: 为 用 户 提供 一 个 输入 凭据 的 自 定义 窗 体 (Web 页 ), 然 后 在 应 用 程序 中 验证 
他 们 的 身份 。 用 户 凭 据 标 记 存 储 在 Cookie 中 。 

Passport: 通过 Microsoft 的 集中 身份 验证 服务 执行 , 它 为 成 员 站 点 提供 单独 登录 和 
核心 配置 文件 服务 。 


§ 【小 提示 】 


以 上 代码 为 设置 Form 验证 ,禁止 用 户 从 网 站 的 非 登 录 页 面 登录 网 站 ; Cookie 对 象 
名 为 .ASPXAUTH; 未 通过 验证 或 超时 后 重 定位 的 页 面 为 登录 页 面 login. aspx; Cookie 
失效 时 间 为 40min。 
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7.2.2 系统 功能 划分 


根据 简单 网 上 书店 的 基本 要 求 ,将 整个 网 站 功能 划分 为 用 户 登录 .用户 注 册 、 按 名 搜 
索 、 查 看 图 书 介 绍 ` 放 人 购物 车 查看 购物 车 新书 人 库 、 封 面 上 传 和 库存 管理 。 所 对 应 的 
页 面 如 表 7-6 所 示 。 


表 7-6 页 面 表 

功 能 页 面 功 能 页 面 
首页 Default. aspx 放 入 购买 车 Purchase. aspx 
用 户 登 录 Login. aspx 查看 购物 车 ShoppingCart. aspx 
用 户 注册 Register. aspx 新 书 人 库 load_new. aspx 
按 名 搜索 Search. aspx 封面 上 传 loadCover. aspx 
查看 图 书 介绍 ShowDetail. aspx 库存 管理 Inventory. aspx 
大 和 3 .首页 
1. 概述 


首页 具有 导航 功能 ,通过 超 链接 链接 到 其 他 页 面 , 如 登录 查询、 购物 车 注册、 新 书 人 
库 .封面 上 传 、 库 存 管理 等 ,如 图 7-1 所 示 。 同 时 具有 图 书 推荐 功能 , 单 击 推荐 图 书 的 图 书 
封皮 图 片 或 图 书 名 超 链 接 , 可 进入 该 图 书 的 介绍 页 面 。 

加 网 上 书店 首页 - Windows Internet Explorer 


文件 四 蝙 辑 于 ) 查看 Y) 收藏 0) 工具 CD) 帮助 0 
地 址 男 ) | 御 http://1ocalhost:1220/ 网 上 书店 /Defanlt2_ aspx 


开发 天 张 宝 奥 


本 地 Intranet 
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2. 代码 


<%@ Page Language = "C#" %> 

<! DOCTYPE html PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 

< script runat = "server"></script > 

<html>< head><title> 网 上 书店 首页 </title> 

<meta http - equiv = "Content - Type" content = "text/html; charset = utf- 8" /></head> 
<body alink = "#ffffff" link="#ffff00" vlink = "yellow"> 

<table width= "80% "align = "center" cellspacing= "0"><tr> 

<td colspan = "2" bgcolor = "#000000" style= "height: 60px"> 

<table width= "100% "> 


§ 【小 提示 】 


上 述 代码 “二 title 二 网 上 书店 首页 二 /title 记 ”为 设置 网 页 标题 ;“colspan 一 "2"” 为 合 
并 两 个 单元 格 。 

<tr><td colspan = "3" align = "center" style= "height: 45px; font — size:36px; 

color: 六 0000ff; font -family:' 幼 

<blink><b> 网 上 书店 </b></blink></td></tr><tr> 

<td width= "4%">gnbsp;</td> 

<td align = "center" style = "color:yellow; font - family: 幼 圆 ; height: 21px;"> 妇 

<a href = " Login.aspx"> 登 录 </a> 雄 

<a href = "Search. aspx"> 查 询 </a> 雄 

<a href = "ShoppingCart.aspx"> 购 物 车 </a> 友 

<a href = "orders.aspx"> 客 户 订单 </a> 友 

<a href = "Register.aspx"> 注 册 </a> 冯 </td> 

<td width = "4% "> gnbsp;</td></tr ></table></td></tr><tr> 

< td colspan = "2" bgcolor = "#999999" style = "height: 21px"> &nbsp;</td></tr> 


§ 【小 提示 】 


上 述 代 码 “<<a href 一 "Login. aspx" 记 登录 一 /a” 为 设置 超 链接 , 超 链 接 文 字 为 “ 登 
录 ”, 链 接 页 面 为 登录 页 面 Login. aspx。 


<tr><td width= "24%" align= "center" bgcolor = "#999999" style= "color: #0000ff; 

font - family: 幼 圆 ; height: 20px;j"> y 后 台 管理 y </td> 

<td width= "76$" align = "center" bgcolor =" 井 999999" style= "color: 井 0000ff; 

font - family: 幼 圆 ; height: 20pxi"> / 推荐 图 书 y</td></tr><tr> 

<td height = "15" colspan = "2" align = "center" bgcolor = " 井 999999"><hr/></td></tr><tr> 
<tdalign= "center" valign = "top" bgcolor = "#999999"> 

<table width= "65%" align= "center" bgcolor = "#999999"><tr> 

<tdalign= "center" style= "width: 115px"><a href = "load new.aspx"> 

< span style = "color:yellow; font - family: 幼 圆 ; height: 21px;"> 站 </span > 新 书信 库 </a> 
</td></tr> 


§ 【小 提示 】 


上 述 代 码 “ 一 a href 一 "load_new. aspx" 记 二 span style 一 "color:yellow; font-family: 


幼 圆 ; height: 21px; "全 夜 二 /span 盖 新 书 入 库 一 /a 二 "为 设置 超 链接 , 超 链 接 文字 为 “新 
书 入 库 ”, 链 接 页 面 为 新 书 入 库 页 面 load_new. aspx; 用 一 span 二 标记 设置 行内 元 素 为 黄 
色 , 字 体 为 幼 圆 ,高 21 像素 。 


<tr><tdalign= "center" style= "width: 115px"> 
<a href = "loadCover. aspx"> 

< span style = "color:yellow; font — family: 幼 
</td></tr><tr> 

<td align = "center" style = "width: 115px"> 
<a href = "inventory. aspx"> 

< span style = "color:yellow; font - family: 幼 
</td></tr></table></td> 

<td width= "76% "valign = "top" bgcolor = "#cacaca"> 

< table width="100%" cellspacing= "0"><tr> 

<td width = "33$ "bgcolor = "#cacaca" style = "height: 206px"> 
<table width= "28% "border = "0" align = "center" cellspacing = "0"> 
<tr><td width= "33 和 "> 

<a href = "ShowDetail.aspx book id= 601" > 

< img src = "BookImages/601.gif" width= "120" height = "155" /></a> 
</td></tr><tr> 

<tdalign= "center" style= "height: 21px"> 

<a href = "ShowDetail.aspx book_id= 601" > ASP .NET 开发 实战 宝典 </a> 
</td></tr ></table > 


§ 【小 提示 】 


上 述 代码 “一 a href 一 "ShowDetail. aspx book_id 一 601" 二 ASP.NET 开发 实战 宝典 
二 /a 二 ”为 设置 超 链接 , 超 链接 文字 为 “ASP.NET 开发 实战 宝典 ”, 链 接 页 面 为 查看 图 书 
介绍 页 面 ShowDetail. aspx, 传 递 参数 book_id 值 为 (ASP.NET 开发 实战 宝典 》 这 本 书 的 


图 书 编号 601。 


</td><td width= "33%" bgcolor = "#cacaca" style= "height: 206px"> 
<table width= "20%" border = "0" align = "center"><tr> 

<td width= "34%"> 

<a href = "ShowDetail.aspx book_id= 602" > 

< img src = "BookImages/602. gif" width = "120" height = "155 /></a> 


</td></tr><tr> 
<td align = "center"><a href = "ShowDetail.aspx book_id= 602" >C# 开 发 实战 宝典 </a> 


</td></tr></table> 


§ 【小 提示 】 


上 述 代码 “一 img src 一 "BookImages/602. gif"” width 一 "120" height 一 "155 /这 ” 为 在 页 面 
上 显示 图 片 ,图 片 为 BookImages 文件 夹 中 的 602. gif, 宽 和 高 分 别 为 120 像素 和 155 像素 。 


height: 21pxi "> 六 </span > 封面 上 传 </a> 


height: 21px;"> 交 </span > 库存 管理 </a> 


</td><td width= "34%" bgcolor = "#cacaca" style = "height: 206px"> 
<table width= "41 %" align = "center" cellspacing= "0"><tr> 

<td width= "34% "><a href = "ShowDetail.aspx book_id= 603" > 

< img src = "BookImages/603. gif" width = "120" height = "155" /></a> 

</td></tr><tr> 

<td align = "center"><a href = "ShowDetail.aspx book_id= 603" > JAVA 开发 实战 宝典 </a> 
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</td></tr></table></td></tr><tr><td bgcolor = "并 cacaca"> 

<table width= "47%" border = "0" align = "center"><tr> 

<td><a href = "ShowDetail.aspx book id= 604"> 

< img src = "BookImages/604. gif" width= "120" height = "155" /></a> 
</td></tr><tr><td align = "center"> 

<a href = "ShowDetail.aspx book_id= 604" > PHP 开发 实战 宝典 </a> 
</td></tr></table></td> 

<td bgcolor = "#cacaca"> 

<table width= "37 多" border = "0" align = "center"><tr> 

<td width= "57$ "> 

<a href = "ShowDetail.aspx book_ id= 605" > 

< img src = "BookImages/605. gif" width = "120" height = "155" /></a> 
</td></tr><td align = "center"> 

<a href = "ShowDetail.aspx book_id= 605" > Visual Basic 开发 实战 宝典 </a> 
</td></tr ></td>< td bgcolor =" 井 cacaca"> 

<table width= "24%" border = "0" align = "center"> 

<tr><td><a href = "ShowDetail.aspx book_id= 606" > 

< img src = "BookImages/606. gif" width = "120" height = "155" /></a> 
</td></tr><tr><td align = "center"> 

<a href = "ShowDetail.aspx book_id= 606" > Visual C++ 开发 实战 宝典 </a> 
</td></tr></table></td></tr></table></td></tr><tr> 

<td height = "30" colspan = "2" align = "center" bgcolor = "#999999">< hr/></td> 
</tr></table></body ></html > 


7.2.4 用 户 管理 


1. 用 户 登 录 

1) 概述 

在 简单 网 上 书店 系统 中 ,用 户 进行 查看 图 书 或 购书 ,必须 以 会 员 身 份 登录 。 用 户 登录 
页 面 如 图 7-2 所 示 。 


了 WD 收藏 他) 工具 (I) 帮助 (8) 


和 国 的 户 妹 痪 8 因 记 - 全国 - 回 区 


lhost:2980/ 网 上 书店 /Login. aspx 


7-2 用 户 登录 页 面 


2) 代码 


<%@ Import Namespace = "System.Data" %> 

<%@ Import Namespace = "System. Data. SqlClient" %>  // 导 人 命名 空间 

<%@ Page Language = "C#" Debug = "true" %> 

<! DOCTYPE html PUBLIC " ~ //W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 

<script Language = "C#" runat = "server" > 

void submitbtn click(object sender, EventArgs E) // 单 击 登 录 按 钮 代码 
SqlConnection conn = new 
SqlConnection( (string)ConfigurationSettings. RARppSettings["connString"]); 
// 创 建 数据 库 连接 对 象 SqlConnection 
String queryStr = "select # from users where user_id= '" + Request.Form["UserID"] + ""™"; 
// 在 用 户 表 中 按 用 户 编号 查询 
SqlDataAdapter userAdapter = new SqlDataAdapter(queryStr, conn); 


// 创 建 适配器 对 象 SqlDataAdapter 
DataSet userSet = new DataSet(); // 创 建 数据 集 对 象 DataSet 对 象 
userAdapter. Fill(userSet, "users"); // 对 数据 集 对 象 DataSet 进行 填充 


if (userSet.Tables["users"].Rows. Count 
{ 


0) 


Message. Text = "没有 这 个 用 户 ,请 重新 输入 "; 
return; 
} 
if (Userpassword. Value != userSet.Tables["usres"].Rows[0]["user_pwd"].ToString()) 
{ 
Message. Text =" 密 码 输入 错误 ,请 重新 输入 "; 
return; 
} 
FormsAuthenticationTicket ticket = new FormsAuthenticationTicket(UserID. Value, 
false, 1800); 
FormsAuthentication. RedirectFromLoginPage(UserID. Value, false); 
return; 
} 
</script> 
<! DOCTYPE html] PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 
<html xmlns = "http://www.w3.org/1999/xhtml" > 
<head runat = "server"> 
<title> 用 户 登 录 </title> 
< style type = "text/css"> 
.stylel 
{width: 45px;} 
</style> 
</head> 
<body bgcolor =" CACACA" text =" #3FFFFFF" link =" #FFFFO0" vlink =" #FFFFOO" 
alink =" #00FF00"> 
<divalign =" Center" style =" width:762; height:250 "> 
<hl >< font face=" 幼 圆 " color= "并 0000FF"> 
Snbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; gnbsp; &nbsp; &nbsp; 网 上 书店 会 员 登 录 
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Snbsp; &nbsp; Snbsp; &nbsp; &nbsp; &nbsp; Snbsp; gnbsp; gnbsp; gnbsp; </font></hl > 

<form id= "Form2" method = "post" runat = "server" align = "Center"><br> 

<h3>< font face= " 幼 圆 ” color= "并 0000FF"> 
Snbsp;&nbsp;&nbspiS&nbsp;&nbsp;&nbsp;S&nbsp;S&nbsp;&nbsp;&nbsp;S&nbsp;&nbsp) 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 请 输入 你 的 会 员 账 号 和 密码 :</font ></h3 > 

<div align = "center">< center> 

<table cellspacing = "0" cellpadding = "2" bgcolor=" #FFFFFF" 

style = "border - collapse :collapse " bordercolor =" #FFFFFF"><tr> 

<td class = "stylel" >< font color = " 井 0000FF" face=" 幼 圆 "> 账号 :</font ></td> 

<td>< input type = "text" id= "UserID" runat = "server" size= "20"/></td> 

</tr><tr><td class= "stylel" ><font color =" 井 0000FF" face=" 幼 圆 "> 密码 :</font ></td> 
<td>< input type = "password" id= "Userpassword" runat = "server" size= "20"/></td></tr> 


§ 【小 提示 】 


上 述 代 码 “ 一 input type 一 "password"” id 一 "Userpassword”runat 一 "server” size 一 
"20"/ 盖 ?为 定义 密码 框 。 


<tr> 

<td class = "stylel" ></td> 

<td> gnbsp; gnbsp; &nbsp; &nbsp; &nbsp; 

<asp:Button id = "SubmitBtn" OnClick = "SubmitBtn Click" runat = "server" 
Text = "登录 " Height = "26px" Width= "74px"/> 

Snbsp; &nbsp; gnbsp; &nbsp; gnbsp; &nbsp; gnbsp; gnbsp; &nbsp; &nbsp; &nbsp; 

< input type = "reset" value = "清除 " style = "width: 65px"> 

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; gnbsp; &nbsp; 

<asp:Label id = "Message" ForeColor =" red " runat = "server"/> 

</td> 

</tr> 

<tr><td colspan = "2" ><br></td></tr> 

<tr><td colspan = "2" ><div><font face=" 幼 圆 " color = ”#0000FF"> 没 有 会 员 账 号 请 
</font ><a href = " Register.aspx" >< font color = "Red"> 注 册 </font ></a> 

<font face=" 幼 圆 " color = ” 井 0000FF"> 一 个 账号 吧 ! </font ></div></td></tr> 
</input ></table ></center ></form></div></body></html > 


代码 首先 根据 用 户 输入 的 用 户 名 进行 搜索 ,将 用 户 信息 读 入 DataSet。 如 果 DataSet 
的 users 表 中 行 数 为 0, 表 示 没 有 这 个 用 户 名 , 则 提示 用 户 重新 输入 。 
if (userSet. Tables["users"].Rows.Count == 0) 
{ 
Message. Text = "没有 这 个 用 户 , 请 重新 输入 "; 


return; 


} 


如 果 找 到 这 个 用 户 ,就 将 用 户 输入 的 密码 和 users 表 的 user_pwd 字段 中 的 密码 做 比 
较 。 如 果 不 一 致 ,就 提示 用 户 重新 输入 密码 。 
if (Userpassword. Value != userSet. Tables["usres"]. Rows[0]["user pwd"]. ToString()) 


{ 
Message. Text = "密码 输入 错误 ,请 重新 输入 "; 
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return; 


在 通过 用 户 名 和 密码 的 检查 后 ,创建 一 个 FormsAuthenticationTicket 对 象 ,并 将 用 
户 重 定向 回首 页 。 


FormsAuthenticationTicket ticket = new FormsAuthenticationTicket ( UserID. Value, false, 
1800); 
FormsAuthentication. RedirectFromLoginPage( UserID. Value, false); 


2. 用 户 注 册 
1) 概述 
用 户 注册 后 才 可 以 通过 登录 进入 网 上 书店 进行 操作 。 用 户 注册 页 面 如 图 7-3 所 示 。 


收藏 人 8) 工具 (IT) 帮助 (B) 


:1079/ 网 上 书店 /Register. aspx 


7-3 ”用 户 注册 页 面 


2) 代码 


<% @ Import Namespace = "System. Data" %> 

<% @ Import Namespace = "System. Data. SqlClient" %> 

<% @ Import Namespace = "System. Web. Mail" %> 

<%@ Page Language = "C#" Debug= "true" %> 

<script language = "c#" runat = "server"> 

void Buttonl_Click(Object sender, EventArgs E) 

{ 
SqlConnection conn = new SqlConnection 
((String)ConfigurationSettings. AppSettings ["connString" ]); 
String insertCmd = "insert into users(user_id, user name, user pwd,user email) 
values(@user_id, @user_name, @user_password, @email)"; 
SqlCommand istCmd = new SqlCommand( insertCmd, conn); 
istCmd. Parameters .Add("@user id",SqlDbType. VarChar, 50). Value = user_id. Text; 
istCmd. Parameters .Add("(@user name",SqlDbType. VarChar, 20). Value = user_name. Text; 
istCmd. Parameters .Add("(@user_ password", SqlDbType. VarChar, 20). Value = user_ 
password. Text; 
istCmd. Parameters .Add("(@email", SqlDbType. VarChar, 50). Value = email. Text; 
try 
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{ 
conn. Open( ); // 打 开 连 接 
istCmd. ExecuteNonQuery( ); // 以 上 11 行 代码 将 用 户 注册 信息 插入 用 户 表 users 
conn. Close( ); // 关 闭 连接 
MailMessage myMail = new MailMessage( ) ;// 创 建 邮件 对 象 MailMessage 
myMail. BodyFormat = MailFormat. Html; // 邮 件 格式 
myMail. Subject = "网 上 书店 会 员 注 册 "; // 邮 件 主题 
myMail. From = "Yx123456789@126. com"; // 邮 件 发 送 地 址 
myMail. To = email. Text; // 邮 件 目的 地 址 
myMail. Body = "您 已 经 成 功 注册 成 为 网 上 书店 的 会 员 !< br > 您 的 账号 是 :" + 
user_id. Text + "< br > 您 的 密码 是 :" + user_password. Text + "< p/>";// 邮 件 内 容 
SmtpMail. SmtpServer = "127.0.0.1"; // 邮 件 服务 器 地 址 
SmtpMail. Send(myMail); // 发 送 邮 件 
Response. Redirect("Default. aspx"); // 重 定向 到 主页 Default. aspx 
} 


catch(System. Data .SqlClient. SqlException e) 
{ 
if(e. Number == 2627) 
{ 
RequiredFieldValidator2. ErrorMessage = "用 户 编号 已 存在 请 重新 输入 !"; 
RequiredF ieldValidator2. IsValid= false; 
} 
Response. Write(e. ToString( )); 
} 
} </script > 
<! DOCTYPE html PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 
<html xmlns = "http://www.w3.org/1999/xhtml" > 
< head runat = "server"> 
<head><title> 会 员 注 册 </title> 
<meta http - equiv = "Content - TYpe"content = "text/html;charset = big5"/></head> 
< body bgcolor = " # CACACA" text = " # FFFFFF" link = "#FFFFOO0"vlink = "# FFFF00"alink = 
"#00FF00"> 
<center><hl><font color =" 井 000000"> 网 上 书店 会 员 注 册 </font ></hl ></center > 
< fornm method = "post" id = "form" runat = "Server"> 
<table width= "400"border = "0"cellspacing= "2"align = "Center"> 
<tr><td colspan = "2"> 
<div align = "center">< font size= "4"color =" 井 0000FF">< 
< font face= "宋体 "> 您 的 个 人 资料 </font >></font > 
< font size = "4"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;< font color = "red">* 
</font ></font>< font class = "font9ptblack"face = "宋体 "color = "#0000FF"> 
< font size = "4"> 表 示 必 填 </font ></font ></div> 
</td></tr><tr><td valign= "top"align= "right"> 
< font color =" 间 0000FF">< font face= "宋体 "> 姓名 </font ></td> 


§ 【小 提示 】 


上 述 代 码 “ 一 font size 一 "4"color 一 " 井 0000FF" 二 < 一 font face 一 "宋体 "二 您 的 个 人 
资料 一 /font 盖 之 一 /font 二 ”中 设置 “您 的 个 人 资料 "的 字体 为 宋体 ,字号 为 4, 颜 色 为 
蓝 色 。 

<td><asp:TextBox id = "user name" columns = "20" maxlength= "50" runat = "server"/> 


< font color = "red">* </font >< br/> 
<asp:RequiredFieldValidator id = "RequiredFieldValidator1" ControlToValidate = "user_name" 
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Display = "DYnamic" ErrorMessage = "请 输入 姓名 !" runat = "server"/></td></tr><tr> 

<td valign= "top"align= "right"> 

<font color = "并 0000FF"> 用 户 编号 </font ></td><td> 

<asp:TextBox id = "user_id" columns = "20" runat = "server"/>< font color = "red">* </font > 
<br/> 

<asp:RequiredFieldValidator id = "RequiredFieldValidator2" ControlToValidate = "user_id" 
Display = "Dynamic"” ErrorMessage = "请 输入 用 户 编号 !" runat = "server"/></td></tr><tr> 
<td valign= "top"align = "right"> 

<font color = "并 0000FF">< font face= "宋体 "> 密码 </font ></font ></td>< td> 

<asp:TextBox id = "user password" TextMode = "Password" columns = "20" maxlength = "20" 
runat = "server"/> 

< font color = "red">* </font >< br/> 

< asp: RequiredFieldValidatorDisplay = " Dynamic" id = " RequiredFieldValidator3 " 
ControlToValidate = "user_password" ErrorMessage = "请 输入 密码 !" runat = "server"/></td> 
</tr> 


© 【小 提示 】 


上 述 代 码 “ 一 asp: RequiredFieldValidatorDisplay 一 " Dynamic” id 一 " Required- 
FieldValidator3" ErrorMessage 一 "请 输入 密码 !" runat 一 "server"/ 二 "为 必 填 验证 ,如 
果 验 证 未 通过 , 则 显示 “请 输入 密码 !" 的 错误 提示 信息 。 


<tr><td valign = "top"align = "right"> 

< font color ="#0000FF">< font face= "宋体 "> 确认 密码 </font ></font ></td>< td> 
<asp:TextBox id = "user_password1" TextMode = "Password" columns = "20"maxlength = "20" 
runat = "server"/> 

< font color = "red"> * </font ><br/> 

<asp:RequiredFieldValidator id = "RequiredFieldValidator4" ControlToValidate= 
"user_passwordl" Display = "Dynamic" ErrorMessage = "请 确认 密码 ! id!" runat = "server"/> 
<asp:CompareValidator id = "CompareValidator1l" ControlToValidate = "user_password" 
controltocompare = "user passwordl" Type = "String" Operator = "Equal" Display = "Dynamic" 
ErrorMessage = "两 次 输入 密码 不 相同 ,请 重新 输入 !" runat = "server"/></td></tr> 


§ 【小 提示 】 


上 述 代码 “一 asp: CompareValidator id 二 "CompareValidatorl"” ControlToValidate 一 
"user_password" controltocompare “一 "user_passwordl1 ”Type 一 "String”Operator 一 
"Equal" Display 一 "Dynamic”ErrorMessage 一 "两 次 输入 密码 不 相同 ,请 重新 输入 1" 
runat 二 "server"/ 记 ”为 比较 验证 ,如 果 验 证 未 通过 , 则 显示 “两 次 输入 密码 不 相同 ,请 重新 
输入 1” 的 错误 提示 信息 


吾 心 。 


<tr><td valign = "top"align = "right"> 

< font color = "#0000FF">E- mail </font></td><td> 

<asp:TextBox id = "email"columns = "30" maxlength = "50" runat = "server"/> 

< font color = "red"> * </font ><br/> 

<asp:RequiredFieldValidator id = "RequiredFieldValidator6”ControlToValidate = "email" 
Display = "Dynamic" ErrorMessage = "请 输入 E-maill!lid!" runat = "server"/> 
<asp:RegularExpressionValidatorDisplay= "Dynamic"id = "RegularExpressionValidator1" 
runat = "server"ControlToValidate = "email"Display = "Dynamicn 
ValidationExpression="\w+ ([—+.']\w+)*@\Ww+([—.]\Ww+)*\.\wt([—.]\w+)x" 
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ErrorMessage= "E-mail 格式 输入 错误 !"></asp:RegularExpressionValidator></td></tr> 


争 【小 提示 】 


"RegularExpressionValidatorl” runat 一 


上 述 代码 “所 asp: RegularExpressionValidator Display 一 ”Dynamic” id 一 


server ” ControlToValidate 一 ”email 


ValidationExpression 一 "\w 十 ([ 十 . "JN\w+) * @N\w 十 ([-. 儿 w 十 ) * \.Nw 十 ([-.]\w 十 ) x" 
ErrorMessage 一 "E-mail 格式 输入 错误 !" 二 二 /asp:RegularExpressionValidator 二 ”为 格 
式 验证 ,如 果 验 证 未 通过 , 则 显示 “E-mail 格式 输入 错误 1” 的 错误 提示 信息 。 


<tralign= "center">< td colspan= "2"> 

<asp:Button id= "Buttion1" Text = "注册 " OnClick ="Buttonl_Click" runat="server"/> 
</td></tr></table></form></body ></html > 

这 段 代 码 中 ,接收 用 户 输入 的 信息 ,使 用 ExecuteNonQuery() 方 法 将 其 插入 users 表 
然后 使 用 MailMessage 对 象 给 用 户 发 送 注册 成 功 的 信息 。 

在 验证 用 户 的 输入 时 ,使 用 了 ASP.NET 的 验证 控件 。 

RequiredFieldValidator: 控件 验证 必 填 项 是 否 有 输入 。 

CompareValidator: 控件 验证 两 次 输入 的 密码 是 否 一 致 。 
RegularExpressionValidator: 控件 验证 E-mail 格式 是 否 输入 正确 。 


7.2.5 图 书 管理 


1. 新 书信 库 
1) 概述 
新 书 入 库 页 面 在 录入 新 书 时 ,图 书 编号 不 允许 重复 ,类 型 可 以 从 下 拉 列 表 框 中 选择 。 


“新 书 入 库 ” 页 面 如 图 7-4 所 示 。 


ws Internet Explore 


图 7-4 “新 书信 库 ” 页 面 


2) 代码 


<%@ Page Language= "C#" %> 
<%@ import Namespace = "System. Data” 委 > 
<%@ import Namespace = "System. Data. SqlClient" $%> 
<!DOCTYPE html PUBLIC " ~ //W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 
<script language = "C#" runat = "server"> 
// 以 下 为 添加 按钮 的 单 击 事件 代码 
private void Add_ Click(Object sender, EventArgs E) 
{ 
SqlConnection conn = new SqlConnection( (string) 
Conf igurationSettings. AppSettings[ "connString" ]); 
string queryStr = "insert into books (book id, title, type, price, notes, inventory) values 
(@book_id, @title, @type, @price, @notes, @ inventory)"; 
SqlCommand addCmd = new SqlCommand(queryStr, conn); 
addCmd. Parameters. Add( "(@book_id", SqlDbType. VarChar, 6).Value = book_id. Text; 
addCmd. Parameters. Add("@title", SqlDbType. VarChar, 80).Value = title.Text; 
addCmd. Parameters. Add( "(@type", SqlDbType. VarChar, 20).Value = type. SelectedItem. Text; 
addCmd. Parameters. hdd("@price"，SqlDbTYpe.Money，8). Value = price. Text; 
addCmd. Parameters. Add( "@ inventory", SqlDbType. Int, 4).Value = inventory. Text; 
addCmd. Parameters. Add("@notes", SqlDbType. VarChar，250). Value = notes.Text; 
try 
{ 
conn. Open( ); 
addCmd, ExecuteNonQuery( ); // 以 上 13 行 代码 将 新 书信 息 插入 图 书信 息 表 books 
conn. Close( ); 
Msg. Text = "新 书 已 人 库 !"; 
ClearText(); 
} 
catch (System. Data. SqlClient. SqlException e) 
{ 
if (e. Number != 0) 
{ 
Msg. Style[ "color"] = "red"; 
if (e. Number == 2627) 
{ 
Msg. Text = "图 书 编号 重复 ,请 重新 输入 ! "， 
} 
else 
Msg. Text = "ERROR:" + "[" + e.Number.ToString()+"]" + e.ToString(); 


} 
// 以 下 为 ClearText 函数 代码 ,用 于 清空 文本 框 
private void ClearText() 
{ 
book_id.Text = ""; 
title. Text 
price. Text x 


nl 
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inventory. Text x 


notes. Text = 


l 


// 以 下 为 退出 添加 按钮 的 单 击 事件 代码 
protected void Button1_Click(object sender, EventArgs e) 
{ 
Response. Redirect("default.aspx"); ”// 重 新 定位 到 主页 default. aspx 
} 
</script > 


<html xmlns = "http://www. w3.org/1999/xhtml" > 

< head runat = "server"> 

<title > 新 书信 库 </title> 

</head> 

<body bgcolor = "#9CACACA" text = "#023456" vlink = " 井 FFFF00" alink = " 间 00FF00"> 
<hl >< font face= " 幼 圆 " size= "5" color =" 间 000080"> 新 书 人 库 </font ></hl > 

< form id = "forml" runat = "server"> 

< font color =" 间 000080">< font face= " 幼 圆 "> 图 书 编号 : 

<asp:TextBox ID = "book_id" text = "" MaxLength = "6”runat = "server" /></font> 
<br /> 

< font face= " 幼 
< asp:TextBox ID = 
<br /> 

<font face= " 幼 圆 " ”color = "并 000080"> 类 型 : 
<asp:DropDownList ID = "type" runat = "server"> 
<asp:ListItem> NET</asp:ListItem> 
<asp:ListItem> CPP </asp:ListItem> 
<asp:ListItem> LINUX </asp:ListItem> 
<asp:ListItem> JAVA </asp:ListItem> 
<asp:ListItem> SE</asp:ListItem> 
</asp:DropDownList ></font ></font ><p /> 


§ 【小 提示 】 


上 述 人 代码“ 二 asp: DropDownList ID 一 "type"”runat 一 "server" 二 一 asp:ListItem 过 
NET<= /asp: Listltem > = asp: Listltem 二 CPP 一 /asp: Listltem > < asp: ListItem > 
LINUX<= /asp: Listltem> =asp:Listltem>JAVA= /asp:Listltem><asp:Listltem> 
SE 一 /asp:ListItem 之 二 /asp:DropDownList 二 "为 利用 下 拉 列 表 框 控件 进行 图 书 类 型 
选择 。 

<font face= " 幼 圆 " ”color = "并 000080"> 价 格 : 

<asp:TextBox ID = "price" Text ="" MaxLength = "8" runat = "server"/></font><P /> 

<font face= " 幼 圆 " color = "并 000080"> 存 库 量 : 

<asp:TextBox I ventory" Text ="" MaxLength = "4" runat = "server"/></font ><p /> 

<font face= " 幼 圆 ” ”color = "并 000080"> 说 明 :</font ><br/> 

<asp:TextBox ID "Text ="" MaxLength = "200" TextMode = "MultiLine" Columns = "40" 

Rows = "4" runa 

<asp:Button ID = "Add" Text = "添加 " OnClick = "Add Click" runat = "server" /> 

<asp:Button ID = "Button1" runat = "server"” OnClick = "Buttonl_Click" Text = "退出 添加 ”人 /> 
<br /> 


color = "并 000080"> 书 名 : 
title" text ="" MaxLength = "50" runat = "server" /></font> 
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<asp:Label ID = "Msg" Text ="" runat = "server" /> 
</form></body ></html > 


2. 封面 上 传 

1) 概述 

因 封 面 图 片 占 的 空间 较 大 ,图 书 封面 存 人 数据 库 会 影响 数据 库 读 取 速度 ,因此 利用 封 
面 上 传 页 面 将 图 书 封面 上 传 到 网 站 的 图 片 文件 夹 下 。 

为 了 根据 图 书 编号 选择 一 致 的 图 书 封面 图 片上 传 ,本 网 上 书店 系统 把 封面 图 片 文件 
名 的 主 名 定 为 图 书 的 编号 ,扩展 名 为 gif。 例 如 ,《C# 开 发 实战 宝典 ) 的 图 书 编号 为 102， 
它 的 封面 图 片 文件 名 就 为 102. gif。 封 面 上 传 页 面 如 图 7-5 所 示 。 

马 封 面 上 传 Windows Internet Exp 


文件 (E) 编辑 (E) 查看 (WD 收藏 (4) 工具 (I) 帮助 (B) 
地 址 (D) | 区 http://localhost:1079/ 了 网 上 书后 /1oadCover. aspx 


C# 开 发 实战 宝典 


7-5 封面 上 传 页 面 
2) 代码 


<% @ Import Namespace = "System.Data"” $%> 
<$% @ Import Namespace = "System.Data.SqlClient" %> 
< 外 @ Page Language = "C#" Debug = "true" %> 
<! DOCTYPE html PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 
< Script runat = "server"> 
void Page_load(Object Source, EventArgs E) 
if (!Page. IsPostBack) 
{ 
SqlConnection conn = new SqlConnection 
( (String) ConfigurationSettings. AppSettings[ "connString"]); 
SqlDataAdapter bookAdapter = new SqlDataAdapter ( " select book _ id, title from 
books", conn); 
// 查 询 图 书 编号 和 书 名 
DataSet bookSet = new DataSet(); 
bookAdapter. Fill (bookSet, "books"); 
bookList. DataSource = bookSet.Tables["books"].DefaultView; 
bookList. DataTextField = "title"; 
bookList. DataValueField = "book id"; 
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bookList. DataBind( ); 


} 
// 以 下 为 上 传 按钮 单 击 事件 代码 
void UpLoad Click(Object sender, EventArgs E) 
{ 
try 
{ 
Request. Files[ "UpLoad"]. SaveAs ("BookImages/" + bookList. SelectedItem. Value + 
“ge"); 
// 将 封面 图 片 存 到 BookImages 文件 夹 中 
catch (Exception e) 
{ 
Response .Write (e.ToString ()); 


// 以 下 为 退出 上 传 按钮 单 击 事件 代码 
protected void Button1_Click(object sender, EventArgs e) 
{ 

Response. Redirect("default. aspx" ); 


} 

</script> 

<html xmlns = "http://www. w3.org/1999/xhtml" > 

<head runat = "server"><title> 封 面 上 传 </title></head> 

<body bgcolor = " 亲 CACACA" text ="#FFFFFF" vlink=" 井 FFFF00" alink = "并 00FF00"> 

< form id = "forml" enctype = "multipart/form— data" runat = "server"> 

<hl><font face= " 幼 圆 " size = "5" color =" 间 000080"> 图 书 封面 上 传 </font ></hl > 
<asp:Label ID = "Msg" runat = "server" /><p /> 

<font face=" 幼 圆 " color = "#000080"> 书 &nbsp&nbsp&nbsp&nbsp 名 :&nbsp; &nbsp;</font > 
<asp:DropDownList ID = "bookList" runat = "server" Width= "176px" > 

</asp:DropDownList ><p/> 

<font face= " 幼 圆 " color = "#000080"> 封 面 图片 :</font >< input type = "file" id= "UpLoad" 
runat = "server" size= "20" /><p /> 

< input type = "submit" onserverclick = "UpLoad Click" runat = "server" value =" 上 传 " 
id= "Submit1" /> 

<asp:Button ID = "Button1" runat = "server" OnClick = "Button1_Click" Text = "退出 封面 上 传 " 
/> 

</form></body ></html > 


3. 库存 管理 
1) 概述 
“库存 管理 "页面 主要 实现 库存 查看 以 及 图 书信 息 的 修改 。 库 存 管理 页 面 使 用 


DataList 服务 器 控件 显示 books 表 中 的 数据 ,如 图 7-6 所 示 。 单 击 “ 修 改 ” 超 链接 ,可 编辑 
该 图 书信 息 , 如 图 7-7 所 示 。 


马 库 存 管理 - Windows Internet Explorer 
文件 (E) 编辑 (E) 坦 看 (7) 收藏 他 ) 工具 (I) 帮助 了) 
看 http://localhost:1079/ 网 上 书店 /Tnventory. aspx 


库存 管理 


图 书 编号 书 名 价格 
ASPNET 程 序 设计 实用 技术 半 23.00 修改 
ASP 动 态 网 页 设计 教程 。 ”站 30.00 修 改 
ASP NET 入 门 经 典 第 56.00 修改 
C 语 言 程序 设计 案例 教程 ”站 30.00 修改 
C# 程 序 设计 站 28.00 修改 
C 语 言 程序 设计 教程 站 56.00 修 改 
VisualC# NET 应 用 教程 站 20.00 修改 
< 语言 程序 设计 平 45.00 修改 
计算 机 网 络 于 34.00 修改 
计算 机 网 络 工程 站 34.00 修改 
ASP NET 程 序 设 站 站 33.00 修改 
计算 机 网 络 入 门 站 20.00 修改 


图 7-6 “库存 管理 "页面 


马 库 存 管理 - Windows Internet Explorer 
文件 (E) 编辑 (E) 查看 (Y) 收藏 &) 工具 (IT) 帮助 (B) 
地 址 0D) | 御 http://1ocalhost:1079/ 网 上 书店 /Inventory. aspx 


库存 管理 


书 名 


1 ASPNET 程 序 设计 实用 技术 
201 ASP 动 态 网 页 设计 教程 
223 ASPNET 入 门 经 典 


蝎 本 地 Intranet 


7-7 图 书信 息 修改 
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2) 代码 


<%@ Import Namespace = "System. Data" %> 
<%@ Import Namespace = "System. Data. SqlClient" %> 
<%@ Page Language = "C 并 ”第 > 
<! DOCTYPE htm]l PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 
< Script runat = "server"> 
void Page Load(Object semder, EventArgs e) 
{ 
if (!IsPostBack) 
BindList( ); 
// 以 下 为 BindList 函数 代码 ,实现 在 页 面 上 显示 图 书信 息 
void BindList() 
SqlConnection conn = new SqlConnection 
((String)ConfigurationSettings. AppSettings[ "connString" ]); 
SqlDataAdapter adapter = new SqlDataAdapter("select * from books", conn); 
DataSet ds = new DataSet(); 
adapter. Fill(ds, "books"); 
bookList. DataSource = ds.Tables["books"].DefaultView; 
bookList. DataBind( ); // 绑 定 
// 以 下 为 处 理 "修改 "事件 的 bookList_EditCommand 函数 代码 
void bookList EditCommand(Object Sender, DataListCommandEventArgs e) 
{ 
bookList. EditItemIndex = (int)e. Itenm. ItemIndex; 
BindList(); 
} 
// 以 下 为 处 理 "取消 "事件 的 bookList_CancelCommand 函数 代码 
void bookList CancelCommand(Object Sender, DataListCommandEventArgs e) 
{ 
bookList. EditItemIndex = —1; 
BindList(); 
} 
// 以 下 为 处 理 " 储 存 "事件 的 bookList_UpdateCommand 函数 代码 
void bookList_UpdateCommand(Object Sender, DataListCommandEventArgs e) 
‘ 
SqlConnection conn = new SqlConnection 
((String)ConfigurationSettings. AppSettings[ "connString" ]); 
String updateStr = "update books set 
title = @title, price = @price, inventory = (@ inventory, notes = @notes where book_id = 
@book_id"; 
SqlCommand updateCmd = new SqlCommand(updateStr, conn); 
updateCmd. Parameters. Add("@book_id", SqlDbType. VarChar，6). Value = 
((Label)e. Item. FindControl("bookIdLabel")).Text; 
updateCmd. Parameters. Add("@title", SqlDbType. VarChar, 80).Value = 
((TextBox)e. Item. FindControl("txtTitle")).Text; 
updateCmd. Parameters. Add("@price", SqlDbType. Money, 8).Value = 


第 7 帝 网 站 建设 实例 2 


((TextBox)e. Item. FindControl("txtPrice" ) ) .Text; 

updateCmd. Parameters. Rdd("@ inventory", SqlDbType. Int，4) . Value = 
((TextBox)e. Item. FindControl("txtInventory")). Text; 

updateCmd. Parameters. Add("@notes", SqlDbType. VarChar, 250).Value = 
((TextBox)e. Item. FindControl ("txtNotes")). Text; 


try 

{ 
conn. Open( ); 
updateCmd. ExecuteNonQuery( ); 
conn. Close( ); 
bookList. EditItemIndex = 一 1; 
BindbList(); 

} 


catch (System. Data. SqlClient. SqlException E) 
{ 
if (E. Number != 0) 
f 
Response. Write(E. ToString()); 


} 

</script> 

<html xmlns = "http://www. w3.org/1999/xhtml" > 

<head runat = "server"><title > 库存 管理 </title ></head> 

<body><hl style= "color: 间 0000ff; font -family: 幼 圆 "> 库存 管理 </hl > 

<form id = "forml" runat = "server"> 

<asp:DataList ID= "bookList" runat = "server" 

OnEditCommand = "bookList_ EditCommand" OnUpdateCommand = "bookList_UpdateCommand" 
OnCancelCommand = "bookList CancelCommand" Width= "408px" Height = "64px"> 
<HeaderTemplate> 

<table><tr><td align = "center" >< font face=" 幼 圆 "> 图 书 编号 </font ></td> 
<td align = "center" >< font face= " 幼 圆 "> 书 名 </font></td> 

<td align = "center" >< font face= " 幼 圆 "> 价格 </font></td> 

<td ></td></tr></HeaderTemplate> 


§ 【小 提示 】 


上 述 代 码 设置 DataList 编辑 记录 时 执行 的 函数 为 bookList_EditCommand, 更 新 记 
录 时 执行 的 函数 为 bookList_UpdateCommand ,取消 编辑 记录 时 执行 的 函数 为 bookList_ 


CancelCommand 。 


< ItemTemplate>< tr> 

<td>< font color = "blue"><% # DataBinder . Eval (Container . DataItem ,"book_id")%></font > 
</td> 

<td>< font color = "blue"><% #DataBinder .Eval(Container .DataItem ,"title") %></font > 
</td> 

<td>< font 

color = "blue"><% 井 DataBinder .Eval(Container .DataItem ,"price","{0:cj") %></font ></td> 
<td><asp:LinkButton ID = "button1" runat = "server" Text = "修改 ”CommandName = "edit”/> 
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</td> 

</tr></ItemTemplate> 

<EditItemTemplate ><tr> 

<td><asp:Label ID = "bookIdLabel" runat = "server" Text = '<% 并 DataBinder .Eval 
(Container .DataItem ,"book id") $%>'/></td> 

2" align = "right" ></td></tr> 

<tr style background - color:Gray"> 

<td style = "background - color :Black " valign = "top"></td> 

<td colspan = "3">< font face= " 幼 圆 " color = " 井 FFFF00"> 书 名 : 

<asp:TextBox ID = "txtTitle" MaxLength = "20" Columns = "40"runat = "server" 

Text = '<% 井 DataBinder .Eval (Container .DataItem , "title") >' /><br > 价格 : 
<asp:TextBox ID = "txtPrice" Style= "Text — Align:Right" MaxLength = "6" runat = "server" 
Text = '<% #DataBinder .Eval (Container .DataItem , "price", "{0:c}") %>' />< br > 库存 量 : 
<asp:TextBox ID = "txtInventory" Style= "Text ~ Align:Right" MaxLength = "4" runat = "server" 
Text = '<% 井 DataBinder .Eval (Container .DataItem ,"inventory") %>'/><br > 类 型 : 
<asp:TextBox ID = "txtType" MaxLength = "20" runat = "server" Text = '<$% 井 DataBinder ,Eval 
(Container .DataItem , "type") %>' /><br > 备注 :</font ><br /> 

<asp:TextBox ID = "txtNotes" MaxLength = "20" TextMode = "MultiLine" Rows = "4" Columns = "50" 
runat = "server" Text = '<% #DataBinder .Eval (Container .DataItem , "notes") %>'/> 
<div align = "right" > 

<asp:LinkButton ID = "button2" runat = "server" Text = "储存 ”CommandName = "update" /> 
<asp:LinkButton ID = "button3" runat = "server" Text = "取消 " CommandName = "cancel" /> 
</div></td></tr></table> 

</EditItemTemplate > 

</asp:DataList > &nbsp; 

</form></body ></html > 


4. 按 名 查询 


1) 概述 

按 名 查询 页 面 可 通过 输入 全 部 或 部 分 书 名 进行 图 书 查询 ,并 且 不 区 分 大 小 写 。 按 名 
查询 页 面 如 图 7-8 所 示 。 输 入 书 名 后 , 单 击 “ 查 询 ” 按 钮 ,可 显示 书 名 、 类 型 .价格 。 查 询 结 
果 页 面 如 图 7-9 所 示 。 单 击 查询 结果 页 面 要 查看 详细 信息 的 图 书 书 名 ,可 进入 查看 图 书 
介绍 页 面 ,查看 该 书 的 详细 信息 。 

2) 代码 

<%@ Import Namespace = "System.Data" %> 

<% @ Import Namespace = "System. Data.SqlClient" %> 

< Script language ="C#" runat = "server"> 


void btnSearch Click(Object sender, EventArgs E) 
{ 


<td colspan 


SqlConnection sConn = new SqlConnection 

((String) ConfigurationSettings. AppSettings["connString"]); 

string queryStr = "select book id,title price, type from books where title 
like '%" + keyText.Text+ "%""; // 按 书 名 进行 模糊 查询 
SqlDataAdapter resAdapter = new SqlDataAdapter(queryStr, sConn); 

DataSet resSet = new DataSet(); 

resAdapter .Fill(resSet, "books"); 

bookGrid. DataSource = resSet.Tables ["books"].DefaultView; // 显 示 查 询 结果 
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马 扩 名 查询 - Windows Internet Explorer 
文件 (EF) 编辑 (E) 查看 (Z) 收藏) 工具 (T) 才 助 ) 
地 址 全 ) | 御 http://1ocalhost:1079/ 网 上 书店 /Search. aspx 一 输入 关键 词 搜索 _ 国 | 贺 节 到 


查询 结果 如 下 .… 
[EJ 


类 别 /价格 
| 计算 机 网 络 NET ¥34.00| 
算 机 网 络 工程 NET 站 34.00| 
| 算 机 网 络 入 门 NET 站 2000 


饮 本 地 Intranet 


图 7-8 “ 按 名 查询 ”页 面 


马 护 名 查询 - Windows Internet Explorer 
文件 (FE) 编辑 (E) ”查看 () 收藏 (4) 工具 (TD) 帮助 (8B) 
地 址 (D) | 罩 http://localhost:1079/ 网 上 书店 /Search。 aspx 一 销 入 关键 词 的 索 ” 国 | 加 转 到 


查询 结果 如 下 .… 
书 名 :[ 


晤 本 地 Intranet 


图 7-9 查询 结果 页 面 
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bookGrid. DataBind( ); 
} 
</script > 
<html> 
<meta http - equiv = "Content - Type" content = "text/html" /> 
< head runat = "server"> 
<title > 按 名 查询 </title> 
</head> 
<body bgcolor = "#0000ff" link = "Black" vlink ="##ff0000" alink=" 井 00ff00" > 
<hl > 查询 结果 如 下 ...</hl > 
<form id= "Form1" runat = "server"> 
书 名 : 
<asp:TextBox id = "keyText" maxlength="50" runat = "server"/> 
<asp:Button id = "brnSearch" Text = "查询 ”onclick = "btnSearch Click" runat = "server"/> 
</form> 
<asp:DataGrid id = "bookGrid" runat = "server" BorderColor = "black" BorderWidth = "2px" 
Font - Names = "Tohoma" GridLines = "Both" HeaderStyle - BackColor = "Gray" 
RutoGenerateColumns = "False" > 
< Columns > 
<asp:HyperLinkColumn HeaderText = " 书 名 " DataNavigateUrlField = "book_id" 
DataNavigateUrlFormatString = "ShowDetail.aspx book_id= {0}" DataTextField = "title" /> 
<asp:BoundColumn HeaderText = "类 别 " DataField = "type" /> 
<asp:BoundColumn HeaderText = "价格 " DataField = "price" DataFormatString ="{0:c}"> 
< ItemStyle HorizontalAlign = "Right" /> 
</asp:BoundColumn > 
</Columns > 
< HeaderStyle BackColor = " #4A3C8C" Font - Bold= "True" ForeColor = "Black" /> 
< FooterStyle BackColor = "#C6C3C6" ForeColor = "Black" /> 
< SelectedItemStyle BackColor = "#9471DE" Font ~ Bold= "True" ForeColor = "White" /> 
< PagerStyle BackColor = " #C6C3C6" ForeColor = "Black" HorizontalAlign = "Right" /> 
< ItemStyle BackColor = " #DEDFDE" ForeColor = "Black" /> 
</asp:DataGrid> &nbsp;</body></html > 


在 本 段 代 码 中 ,显示 结果 使 用 了 DataGrid 控件 ,并 在 其 中 加 入 了 一 个 超 链接 列 
HyperLinkColumn 。 


<asp:HyperLinkColumn HeaderText = " 书 名 " 

DataNavigateUrlField = "book_id" 

DataNavigateUrlFormatString = "ShowDetail.aspx book id= {0}" 

DataTextField = "title" /> 

HeaderText 属性 指定 列 名 。 

DataNavigateUrlField 属性 获取 数据 源 中 要 绑 定 到 HyperLinkColumn 中 超 链 接 URL 的 
字段 ,这 里 绑 定 的 字段 是 book_id, 这 样 就 可 以 根据 图 书 编号 来 查询 书籍 的 详细 信息 。 

DataNavigateUrlFormatString 属性 指定 HyperLinkColumn 中 超 链 接 URL 的 显示 
格式 ,将 其 链接 到 图 书 介绍 页 面 ShowDetail. aspx, 并 将 参数 book_id 传 给 它 。 

DataTextField 属性 获取 数据 源 中 要 绑 定 到 HyperLinkColumn 中 超 链接 文本 标题 的 
字段 。 
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另外 , 自 定义 了 两 列 来 显示 图 书 类 别 和 价格 。 

<asp:BoundColumn HeaderText = "类 别 " DataField = "type" /> 

<asp:BoundColumn HeaderText = "价格 " DataField = "price" DataFormatString ="{0:c}"> 

在 定义 价格 列 时 ,使 用 DataFormatString 属性 来 设置 指定 列 中 各 项 字符 串 的 显示 格 
式 ,c 代表 以 货币 格式 显示 数据 。 

可 以 在 此 基础 上 添加 分 页 等 新 功能 ,以 完善 这 个 DataGrid。 

5. 查看 图 书 介绍 

1) 概述 

查看 图 书 介绍 页 面 ,可 以 查看 该 书 的 编号 、 书 名 、 类 型 价格、 封皮 、 说 明 等 信息 ,如 
图 7-10 所 示 。 单 击 页 面 右 侧 购物 车 图 片 ,可 以 将 该 书 放 和 人 购物 车 。 


Internet 
查看 (WD) 收藏 (8) 工具 (I) 帮助 B) 
p://1ocalhost :1079/ 网 上 书店 /ShowDetail. aspx?book_id=401 


图 7-10 查看 图 书 介绍 页 面 
2) 代码 


<% @ Page Language = "C#" Debug = "true" %> 

<% @ Import Namespace = "System. Data" %> 

<% @ Import Namespace = "System. Data. SqlClient" %> 

<script language = "c#" runat = "server"> 

// 以 下 为 页 面 载 人 事件 代码 

public void Page_Load(Object sender, EventArgs e) 

{ 
string bookID = (string)Request. QueryString[ "book_id"]; 
SqlConnection conn = new SqlConnection 
((String)ConfigurationSettings. AppSettings[ "connString" ]); 
conn. Open( ); 
SqlDataReader dr = null; 
SqlCommand cmd = new SqlCommand("Select * From books where book _ id= '"+bookID+""", 
conn); 
dr = cmd. ExecuteReader(); 
dr. Read(); 
cover_ img.Src = "imgs/" + dr.GetString(0) + ".jpg"; 
book id. Text = dr. GetString(0); 
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title. Text = dr.GetString(1); 
type. Text = dr.GetString(2); 
price. Text = dr.GetSqlMoney(3).ToString(); 
notes. Text = dr.GetString(4); 
purchaseBtn. NavigateUrl = "Purchase.aspx book_id= "+dr.GetString(0); 
} 
</script> 
<! DOCTYPE html PUBLIC " - //W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 
<html xmlns = "http://www. w3.org/1999/xhtm1" > 
<head runat = "server"><title > 查看 图 书 介 绍 </title></head> 
<body alink = "#00ff00" bgcolor ="#cacaca" link ="##ffff00" text ="#ffffff" vlink= 
"#ffff00"> 
<table border = "0" width= "70%" align= "center"> 
<tr><td rowspan= "4" width="35%"><img alt="" id= "cover img" runat = "server" 
src = "imgs/VisualC# .NET 应 用 教程 . jpg"/></td> 
<td width= "65%" style= "color: #0000ff; font - family: 幼 圆 "> 编号 : 
<asp:Label ID = "book id" runat = "server" /></td> 
</tr><tr><tdwidth= "65%" style="color: #0000ff; font- family: 幼 圆 "> 书 名 : 
<asp:Label ID= "title" runat = "server" /></td> 
</tr><tr><td width= "65%" style="color: 间 0000ff; font -family: 幼 圆 "> 类 型 : 
<asp:Label ID = "type" runat = "server" /></td> 
</tr><tr><tdwidth="65%" style= "color: #0000ff; font - family: 幼 圆 "> 价格 : 
<asp:Label ID = "price" runat = "server" /></td> 
</tr><tr><td colspan= "2" width= "65%" style= "color: #0000ff; font- family: 幼 圆 "> 


说 明 ， 


<blockquote >< asp:Label ID = "notes" runat = "server" /></blockquote></td> 

</tr><tr><td colspan= "2" align = "right">< asp:HyperLink ID = "purchaseBtn" 

ImageUrl = "imgs/ shoppingcart. ico" runat = "server" /></td> 

</tr></table></body></html> 

在 这 个 页 面 中 ,使 用 Request 对 象 的 QueryString() 方 法 来 获得 传递 过 来 的 book_id 
参数 ,利用 这 个 参数 查询 图 书 的 详细 信息 。 


string bookID = (string)Request. QueryString[ "book_id"]; 


因为 查询 结果 只 有 一 条 记录 ,所 以 使 用 DataReader 对 象 来 接收 查询 结果 。 在 页 面 上 
定义 了 4 个 Label 服务 器 控件 ,将 该 记录 的 前 5 个 字段 的 数据 分 别 赋 给 它们 的 Text 属性 
以 在 页 面 上 显示 出 来 。 

book_id. Text = dr. GetString(0); 

title. Text = dr.GetString(1); 

type. Text = dr.GetString(2); 


price. Text = dr.GetSqlMoney(3).ToString(); 
notes. Text = dr.GetString(4); 


最 后 定义 了 一 个 HyperLink 服务 器 控件 ,用 来 链接 到 放 入 购物 车 页 面 Purchase. 
aspx, 实 现 放 和 人 购物 车 功能 。 在 它 的 NavigateUrl 属性 中 .把 当前 图 书 的 book_id 作为 参 
数 传递 给 Purchase. aspx 页 面 ,以 便 在 Purchase. aspx 页 面 中 使 用 。 


purchaseBtn. NavigateUrl = "Purchase. aspx book_id= "+dr.GetString(0); 


6. 放 和 人 购物 车 

1) 概述 

实现 将 用 户 的 购书 信息 添加 到 ShoppingCart 表 的 功能 。 
2) 代码 


<%@ Import Namespace = "System. Data"” $%> 

< 外 四 Import Namespace = "System. Data. SqlClient" $%> 

<%@ Page Language = "C#" %> 

<!DOCTYPE html PUBLIC " - //W3C//DTD XHTML 1. 0 Transitional//EN" 

"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 

< Script runat = "server"> 

// 以 下 为 页 面 载 人 事件 代码 

protected void Page_Load(object sender, EventArgs e) 
SqlConnection conn = new 
SqlConnection( (String)ConfigurationSettings. AppSettings[ "connString" ]); 
SqlCommand cmd = new SqlCommand(); // 创 建 SqlCommand 命令 对 象 cnd 
cmd. Connection = conn; 
cmd. CommandType = CommandType.StoredProcedure; 
cmd. CommandText = "addToShoppingCart"; // 将 命令 对 象 设置 为 执行 存储 过 程 

//addToShoppingCart 

cmd. Parameters. Add("@user_id", SqlDbType. VarChar, 50).Value = Context. User. 
Identity. Name; 
string bookID = (string)Request. QueryString["book_ id"]; 
cmd. Parameters. Add("(@book_id", SqlDbType. VarChar, 6).Value = bookID; 
try 
{ 


conn. Open( ); 

cmd. ExecuteNonQuery( ); 

conn. Close( ); 

Response. Redirect ("ShoppingCart. aspx" ); 
} 
catch(System. Data. SqlClient. SqlException E) 
{ 


} 


Response. Write(e. ToString()); 


} 

</script >< html xmlns = "http://www. w3.org/1999/xhtml" > 

<head runat = "server"><title> 放 人 购物 车 </title></head>< body>< form id = "forml" runat = 
"server"> 

<div></div></form></body></html> 


在 这 段 代码 中 ,使 用 了 存储 过 程 addToShoppingCart 来 实现 将 用 户 的 购书 信息 添加 
到 ShoppingCart 表 的 功能 。 程 序 中 给 Command 对 象 添加 两 个 参数 : @ user_id 参数 接 
收 当 前 用 户 编 号 ; @book_id 参数 接收 当前 用 户 选 中 的 图 书 编号 。 

cmd. Parameters. Rdd("@user_id", SqlDblype. VarChar, 50).Value = Context. User. Identity. Name; 


string bookID = (string)Request. QueryString["book id"]; 
cmd. Parameters. Add( "@book_id", SqlDbType. VarChar, 6).Value = bookID; 


Context. User. Identity. Name 用 来 获取 当前 用 户 编号 ,book_id 通过 网 页 的 链接 语 
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句 传 过 来 。 接 收 这 两 个 参数 后 ,使 用 Command 对 象 的 ExecuteNonQuery() 方 法 来 执行 
存储 过 程 。 

存储 过 程 addToshoppingCart 的 定义 如 下 。 

CREATE “ PROCEDURE addToShoppingCart 

@user_idVarChar(50), @book _idVarChar(6) 

RS 

Declare @Title VarChar(80),@Price money 

if exists(select * from shoppingCart where book id= @book id) 

begin 

update shoppingCart set quantity= quantity+ 1 where book_id= @book_id 

end 

else 

begin 

select @Title= title, @Price = price from books where book id= @book_ id 

update shoppingCart set quantity= quantity+ 1 where book id= @book id 

insert into shoppingCart (user_id, book_ id, title, quantity, price) 

values(@user_id, @book_id, @Title,1, @Price) 

end 

该 存储 过 程 定义 了 两 个 参数 @user_id 和 @book_id, 分 别 用 来 接收 当前 用 户 的 编号 
和 用 户 选 中 的 图 书 编号 ; 另外 声明 了 两 个 变量 @ Title 和 @ Price, 如 果 购 物 车 表 
ShoppingCart 中 已 经 有 所 选 图 书 , 则 将 购物 车 表 ShoppingCart 中 此 书 数量 加 1。 

if exists(select * from shoppingCart where book_id= @book id) 

begin 

update shoppingCart set quantity= quantity+ 1 where book_id= @book_id 

end 

否则 从 books 表 中 找到 用 户 所 选 图 书 ,将 此 书 的 书 名 和 价格 分 别 赋 给 变量 @Title 和 
@@Price。 

select @Title = title, @Price = price from books where book_id= @book_id 


然后 将 用 户 编号 (@user_id) 、 图 书 编号 (@book_id) 、 书 名 (@Title) 数量 (此 时 为 1) 
和 价格 (@Price) 插 入 购物 车 表 ShoppingCart 中 。 


insert into shoppingCart (user_id, book id, title, quantity, price) 
values(@user_id, @book_ id, @Title,1, @Price) 


执行 该 存储 过 程 后 ,将 页 面 重 定向 到 ShoppingCart. aspx。 


Response. Redirect("ShoppingCart. aspx" ); 


7. 查看 购物 车 

1) 概述 

购物 车 页 面 可 以 查看 所 购 图 书 、 修 改 购书 数量 .结账 或 清空 购物 车 。 购 物 车 页 面 如 
图 7-11 所 示 。 页 面 中 使 用 DataList 控件 来 显示 shoppingCart 表 中 数据 。 为 了 便于 修 
改 , 在 DataList 中 定义 了 一 个 “修改 数量 ”按钮 列 , 用 来 修改 购书 数量 。 当 单 击 每 一 行 “ 修 
改 数量 ?按钮 时 ,该 行 的 “数量 ? 列 将 会 出 现 一 个 编辑 框 ,以 便 修 改 购书 数量 。 同 时 “修改 数 
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量 ” 按 钮 变 为 “更 新 "和 “取消 ”两 个 按钮 。 单 击 “ 更 新 ”按钮 ,修改 后 的 数量 将 被 写 人 购物 表 
shoppingCart。 单 击 * 取 消 ?按钮 , 则 取消 编辑 ,如 图 7-12 所 示 。 单 击 * 清 空 购物 车 ”按钮 ， 


从 购物 车 表 shoppingCart 中 删除 该 用 户 的 信息 ,并 显示 ”* 您 的 购物 车 是 空 的 !”, 如 图 7-13 
所 示 。 


马 购 物 车 - Windows Internet Explorer 
文件 (E) 编辑 (E) 查看 ( 收藏 (&) 工具 (TI) 帮助 (B) 
http://1ocalhost:1079/ 网 上 书店 /ShoppingCart. aspx 


图 书 编号 书 名 


401 
402 


计算 机 网 络 
计算 机 网 络 工程 


价格 
¥3400 1 
¥3400 1 


502 计算 机 网 络 入门 、 站 2000 2 


EE 


清空 购物 车 


图 7-11 购物 车 页 面 


E 2 ES Windows Internet Explorer 
文件 (E) 编辑 (E) 查看 (Y) 收藏 8) 工具 (IT) 帮助 了 ) 
http://1ocalhost:1079/ 网 上 书店 /ShoppingCart. aspx 


图 书 编号 书 名 价格 数量 
401 计算 机 网 络 340000 [1 更 新 取消 
402 计算 机 网 络 工程 


¥3400 1 修改 数量 
502 计算 机 网 络 入 门 ” 竺 2000 2 修改 数量 


结账 


请 空 购物 车 


图 7-12 修改 购书 数量 
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马 购 物 车 - Windows Internet Explorer 
文件 E) “编辑 (E) 查看 (2 收藏 好) 工具 (了 帮助 B) 


localhost /ShoppingCart. aspx 


您 的 购物 车 是 空 的 ! 


[到 清空 购物 车 


图 7-13 清空 购物 车 
2) 代码 


<$% @ Import Namespace = "System.Data" %> 
<$% @ Import Namespace = "System. Data.SqlClient" %> 
<%@ Page Language = "C#" %> 
<!DOCTYPE html PUBLIC " ~ //W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www. w3. org/TR/xhtml1/DTD/xhtml1 - transitional. dtd"> 
<script runat = "server"> 
// 以 下 为 页 面 载 人 事件 代码 
protected void Page_Load(object sender, EventArgs e) 
{ 
if(!IsPostBack) 
BindbList(); 
} 
// 以 下 为 处 理 " 修 改 数据 "事件 的 cartList_EditCommand 函数 代码 
void cartList_EditCommand(object sender, DataListCommandEventArgs e) 
{ 
cartList. EditItemIndex = (int)e.Item. ItemIndex; 
BindList(); 
} 
// 以 下 为 BindList 函数 代码 
void BindList() 
{ 
SqlConnection conn = new SqlConnection 
((string)ConfigurationManager. AppSettings[ "connString" ]); 
String userID = Context. User. Identity. Name; 
String queryStr = "select * from shoppingCart where user_ id= '" + userID + "'"; 
SqlDataAdapter cartAdapter = new SqlDataAdapter(queryStr, conn); 
DataSet cartSet = new DataSet(); 


cartAdapter. Fill(cartSet, "shoppingCart"); 
int count = cartSet.Tables["shoppingCart"].Rows.Count; 
if (count > 0) 
{ 
cartList. DataSource = cartSet.Tables["shoppingCart"].DefaultView; 
cartList. Visible = true; 
divPanel. Visible = true; 
cartList. DataBind(); 


} 
else{ 

cartList. Visible = false; 

divPanel. Visible = false; 

cartMsg. InnerHtml = "您 的 购物 车 是 空 的 !"; 
} 


下 
// 以 下 为 "结账 "按钮 单 击 事件 代码 
private void purchase_Click(object sender, EventArgs E) 
{ 
SqlConnection conn = new SqlConnection 
((string)ConfigurationManager. AppSettings[ "connString" ]); 
SqlCommand purchaseCmd = new SqlCommand(); 
purchaseCmd. Connection = conn; 
purchaseCmd. CommandType = CommandType. StoredProcedure; 
purchaseCmd. CommandText = "addNewOrder"; 
purchaseCmd. Parameters. Add("@user_id", SqlDbType. VarChar, 50).Value = 
Context. User. Identity. Name; 
conn. Open( ); 
purchaseCmd. ExecuteNonQuery( ); 
conn. Close( ); 
Response. Redirect("default. aspx" ); 
} 
// 以 下 为 "清空 购物 车 "按钮 单 击 事件 代码 
private void clear_Click(object sender, EventArgs E) 
| 
SqlConnection conn = new SqlConnection 
((String)ConfigurationManager. AppSettings[ "connString" ]); 
String deleteStr = "delete from shoppingCart where user_id= '" + 
Context. User. Identity. Name + "'"; 
SqlCommand delCmd = new SqlCommand(deleteStr, conn); 
conn. Open( ); 
delCmd. ExecuteNonQuery( ); 
conn. Close( ); 
BindList(); 
} 
// 以 下 为 处 理 " 更 新 "事件 的 cartList_UpdateCommand 函数 代码 
void cartList UpdateCommand(object sender, DataListCommandEventArgs e) 
{ 
int quantity = Int16.Parse(((TextBox)e. Item. FindControl("quantityText")). Text); 
SqlConnection conn = new SqlConnection 
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((string)ConfigurationManager.AppSettings["connString"]); 
SqlCommand updateCmd = new SqlCommand( ) 
updateCmd. Connection = conn; 
if (quantity == 0) 
{ 
string deleteStr = "delete shoppingCart where (user_id= @user_id and book_id= 
book id id)"; 
updateCmd. CommandText = deleteStr; 
} 
else{ 
string updateStr = "delete shoppingCart set quantity= @quantity where(user_id= 
@user_id and book_id= @book_id)"; 
updateCmd. CommandText = updateStr; 
updateCmd. Parameters. Add("@quantity", SqlDbType. Int, 4).Value = quantity; 
} 
updateCmd. Parameters. Add("@user_id", SqlDbType. VarChar, 50).Value = 
Context. User. Identity. Name; 
updateCmd. Parameters. Add( "@book_id", SqlDbType. VarChar，6). Value = 
((Label)e, Item. FindControl("bookIdLabel")). Text; 
conn. Open( ); 
pdateCmd. ExecuteNonQuery( ); 
conn. Close( ); 
cartList. EditItemIndex = —1; 
BindList(); 
} 
// 以 下 为 处 理 " 取 消 "事件 的 cartList_CancelCommand 函数 代码 
void cartList_CancelCommand(object sender, DataListCommandEventArgs e) 
l 
cartList. EditItemIndex = —1; 
Bindbist(); 
} 
</script> 
<html xmlns = "http://www. w3. org/1999/xhtml" >< head runat = "server"> 
<title > 购物 车 </title></head>< body>< form id= "forml" runat = "server">< div> 
<asp:DataList ID = "cartList" runat ="server" OnEditCommand = "cartList_ EditCommand" 
OnUpdateCommand = "cartList UpdateCommand" OnCancelCommand = "cartList CancelCommand"> 
< HeaderTemplate >< table ><tr style = "background - color:Gray ">< td> 图 书 编号 </td> 
<td> 书 名 </td>< td> 价 格 </td>< td> 数 量 </td>< td></td></tr></table> 
</HeaderTemplate> 
< ItemTemplate ><tr><td><% 井 DataBinder.Eval(Container .DataItem ,"book_id") %></td> 
<td><% # DataBinder. Eval(Container .DataItem ,"title") %></td> 
<td><% # DataBinder .Eval(Container .DataItem , "price", "{0:c}") %></td> 
<td><% # DataBinder .Eval(Container .DataItem , "quantity") %></td> 
<td><asp:LinkButton ID = "button1" runat = "server" Text = "修改 数量 " 
CommandName = "edit" /></td></tr> 
</ItemTemplate> 
<EditItemTemplate > 
<tr style = "background - color:black"> 
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<td><asp:Label ID = "bookIdLabel" runat = "server" 

Text = '<%# DataBinder. Eval(Container.Dataltem, "book id")%>'/></td> 

<td><asp:Label ID = "titleLabel" runat = "server" 

Text = '<% # DataBinder .Eval (Container .DataItem ,"title") $%>'/></td> 

<td><asp:Label ID = "priceLabel" runat = "server" 

Text = '<%# DataBinder .Eval (Container .DataItem ,"price", "{0:c}") %>'/></td> 

<td><asp:TextBox ID = "quantityText" Columns = "4" MaxLength = "4" runat = "server" 

Text = '<% 井 DataBinder. Eval (Container .DataItem ,"quantity") %>'/></td> 

<td>< asp:LinkButton ID = "button2" runat = "server" Text = "更 新 " CommandName = "update" /> 

</td> 

<asp:LinkButton ID = "button3" runat = "server" Text = "取消 " CommandName = "cancel" /> 

</tr></EditItemTemplate ></asp:DataList ></div> 

<hl id = "cartMsg" runat = "server" ></hl > 

<div id= "divPanel" align = "right" runat = "server" ></div> 

<asp:Button ID = "purchase"” Text = "结账 " OnClick = "purchase_Click" runat = "server" /> 

<asp:Button ID = "clear" Text = "清空 购物 车 " OnClick = "clear Click" runat = "server" /> 

</form></body ></html > 

在 “结账 "按钮 的 单 击 事件 代码 中 调用 了 一 个 存储 过 程 addNewOrder, 将 客户 购书 信 
息 添加 到 客户 订单 状态 表 orders 和 客户 订单 详细 信息 表 orderDetail 表 , 并 将 用 户 编号 
user_id 作为 参数 传递 给 该 存储 过 程 ,该 存储 过 程 代码 如 下 。 

CREATE PROCEDURE addNewOrder 

@user_idVarChar(50) 

AS 

Declare @OrderId int; 

set @OrderId= (select MAX(order_id) from orders where user_id= @user_id 

insert into orders (order_id, user_id) values(@OrderId+1, @user_id) 

insert into orderDetails(order_id, book_id, title, quantity, price) 

select @OrderId, book id, title, quantity, price from shoppingCart where user_id= @user_id 

delete shoppingCart where user_id= @user_id 

该 存储 过 程 定义 了 一 个 参数 @user_id 用 来 接收 外 部 传 来 的 用 户 编号 ,并 声明 了 一 个 
变量 @Orderld 来 获取 该 用 户 客 户 订单 状态 表 orders 的 最 大 订单 编号 。 


set @OrderId= ( select MAX(order_id) from orders where user_id= @user_ id 
然后 将 @OrderId 十 1 和 @user_ id 插入 客户 订单 状态 表 orders 中 。 
insert into orders (order_id，user_id) values((@OrderId+1, @user_id) 
再 将 订单 的 详细 信息 加 到 订单 详细 信息 表 orderDetail 中 。 


insert into orderDetail (order id, book id, title, quantity, price) 
select @OrderIld + 1, book id, title, quantity, price from shoppingCart where user_id= @user_id 


最 后 从 购物 车 表 shoppingCart 中 删除 该 用 户 的 信息 。 


delete shoppingCart where user id= @user id 
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7.3 网 站 测试 


网 站 测试 指 的 是 当 一 个 网 站 制作 完 上 传 到 服务 器 之 后 针对 网 站 的 各 项 性 能 情况 的 一 
项 检测 工作 。 它 与 软件 测试 有 一 定 的 区 别 , 其 除了 要 求 外 观 的 一 致 性 以 外 ,还 要 求 其 在 各 
个 浏览 器 下 的 兼容 性 以 及 在 不 同 环境 下 的 显示 差异 。 主 要 内 容 如 下 。 

1. 性 能 测试 


(1) 连接 速度 测试 。 用 户 连接 到 网 站 的 速度 与 上 网 方式 有 关 。 

(2) 负载 测试 。 负 载 测试 是 在 某 一 负载 级 别 下 ,检测 网 站 的 实际 性 能 ,也 就 是 能 允许 
多 少 个 用 户 同 时 在 线 。 可 以 通过 相应 的 软件 在 一 台 客 户 机 上 模拟 多 个 用 户 来 测试 负载 。 

(3) 压力 测试 。 压 力 测试 是 测试 网 站 的 限制 和 故障 恢复 能 力 ,也 就 是 测试 网 站 会 不 
会 衣 溃 。 


2. 安全 性 测试 

它 需要 对 网 站 的 安全 性 (服务 器 安全 、 脚 本 安全 )、 可 能 有 的 漏洞 .攻击 性 及 错误 性 进 
行 测 试 ; 并 对 网 站 的 服务 器 应 用 程序 数据、 服务器 、 网 络 、 防 火 墙 等 进行 测试 ; 用 相对 应 
的 软件 进行 测试 。 

3. 基本 测试 

基本 测试 包括 色彩 的 搭配 ,连接 的 正确 性 ,导航 的 方便 和 正确 ,CSS 应 用 的 统一 性 。 

4. 网 站 优化 测试 

好 的 网 站 是 看 它 是 否 经 过 搜索 引擎 优化 了 ,包括 网 站 的 架构 、 网 页 的 栏目 等 。 


区 多 本 章 小 结 


本 章 以 网 上 书店 为 实例 ,从 网 站 需求 分 析 、 网 站 总 体 设计 数据 库 设 计 、 网 站 详细 设计 
与 开发 进行 了 详细 介绍 ,展示 了 网 站 开发 的 实现 方法 和 基本 流程 。 


隐 思 考 与 练习 


自主 创建 一 个 网 站 。 根 据 需 求 分 析 , 进 行 数据 库 的 设计 和 网 站 详细 设计 与 开发 。 注 
意 页 面 的 规划 和 设计 ,尽量 做 到 简洁 大 方 有 吸引 力 。 


附录 A 网 站 界面 设计 应 遵循 的 几 个 原则 


网 站 用 户 界面 (Website User Interface) 是 指 网 站 用 于 和 用 户 交流 的 外 观 . 部 件 和 程 
序 等 。 如 果 你 经 常 上 网 ,会 看 到 很 多 网 站 设计 很 朴素 ,看 起 来 给 和 人 一 种 很 舒服 的 感觉 有 
些 网 站 很 有 创意 ,能 给 人 带 来 意外 的 惊喜 和 视觉 的 冲击 ; 而 相当 多 的 网 站 页 面 上 充斥 着 
怪异 的 字体 、 花 哨 的 色彩 和 图 片 , 给 人 以 网 页 制作 粗 劣 的 感觉 。 

网 站 界面 的 设计 , 既 要 从 外 观 上 进行 创意 以 到 达 吸 引 眼 球 的 目的 ,还 要 结合 图 形 和 版 
面 设计 的 相关 原理 ,从 而 使 得 网 站 设计 变 成 了 一 门 独特 的 艺术 。 通 俗 地 讲 , 企 业 网 站 用 户 
界面 的 设计 应 遵循 以 下 几 个 基本 原则 。 

1. 用 户 导向 (User oriented) 原 则 

设计 网 页 首先 要 明确 到 底 谁 是 使 用 者 ,要 站 在 用 户 的 观点 和 立场 上 来 考虑 设计 网 站 。 
要 做 到 这 一 点 ,必须 要 和 用 户 沟通 ,了 解 他 们 的 需求 .目标 .期 望 和 偏好 等 。 网 页 的 设计 者 
要 清楚 ,用 户 之 间 差 别 很 大 ,他 们 的 能 力 各 有 不 同 。 

比如 有 的 用 户 可 能 会 在 视觉 方面 有 欠缺 (如 色盲 ) ,对 很 多 的 颜色 分 辨 不 清 ; 有 的 用 
户 的 听觉 也 会 有 障碍 ,对 于 网 站 的 语音 提示 反应 迟钝 ; 而 且 相 当 一 部 分 用 户 的 计算 机 使 
用 经 验 很 初级 ,对 于 复杂 一 点 的 操作 会 感到 很 费力 。 

另外 ,用 户 使 用 的 计算 机 配置 也 是 千差万别 ,包括 显卡 声卡、 内 存 、 网 速 、 操 作 系 统 以 
及 浏览 器 等 都 会 有 所 不 同 。 设 计 者 如 果 和 忽视 了 这 些 差别 ,设计 出 的 网 页 在 不 同 的 机 器 上 
显示 就 会 造成 混乱 。 

2. KISS( Keep It Simple and Stupid) 原 则 

简洁 和 易于 操作 是 网 页 设计 的 最 重要 的 原则 。 上 毕竟, 网 站 建设 出 来 是 用 于 普通 网 民 
来 查阅 信息 和 使 用 网 络 服务 。 没 有 必要 在 网 页 上 设置 过 多 的 操作 , 堆 集 上 很 多 复杂 和 花 
哨 的 图 片 。 

该 原则 一 般 的 要 求 : 网 页 的 下 载 不 要 超过 10s( 普 通 的 拨号 用 户 56Kbps 网 速 ); 尽量 
使 用 文本 链接 ,而 减少 大 幅 图 片 和 动画 的 使 用 ; 操作 设计 尽量 简单 ,并且 有 明确 的 操作 提 
示 ; 网 站 所 有 的 内 容 和 服务 都 在 显眼 处 向 用 户 予 以 说 明 等 。 

3. 布局 控制 

关于 网 页 排版 布局 方面 ,很 多 网 页 设计 者 重视 不 够 ,网 页 排版 设计 的 过 于 死板 ,甚至 
照抄 他 人 。 如 果 网 页 的 布局 凌乱 ,仅仅 把 大 量 的 信息 堆 集 在 页 面 上 ,会 干扰 浏览 者 的 阅 
读 。 一 般 在 网 页 设计 上 所 要 遵循 的 原理 有 以 下 几 个 。 

(1) Miller 公式 。 根 据 心 理学 家 George A. Miller 的 研究 表明 ,人 一 次 性 接受 的 信息 
量 在 7b 左右 为 宜 。 总 结 一 个 公式 为 : 一 个 人 一 次 所 接受 的 信息 量 为 (7 士 2)b。 这 一 原理 
被 广泛 应 用 于 网 站 建设 中 ,一 般 网 页 上 面 的 栏目 选择 最 佳 在 5 一 9b 之 间 ,如 果 网 站 所 提供 
给 浏览 者 选择 的 内 容 链接 超过 这 个 区 间 , 人 在 心理 上 就 会 烦躁 .压抑 ,会 让 人 感觉 到 信息 


234) ASP.NET 动 态 网 站 变 计 与 制作 


太 密 集 ,看 不 过 来 ,很 累 。 

例如 ,Aol. com 的 栏目 设置 : Main、MyAol、 Mail、People、Search、Shop、Channels 和 
Devices 共 8 个 分 类 。Msn. com 的 栏目 设置 : MSN Home、My MSN、 Hotmail、 Search、 
Shopping、Money 和 People & Chat 共 7 项 。 然 而 很 多 国内 的 网 站 在 栏目 的 设置 远 远 超 
出 这 个 区 间 。 

(2) 分 组 处 理 。 上 面 提 到 ,对 于 信息 的 分 类 ,不 能 超过 9 个 栏目 。 

但 如 果 内 容 实在 是 多 ,超出 了 9 个 ,需要 进行 分 组 处 理 。 如 果 , 网 页 上 提供 几 十 篇 文 
章 的 链接 ,需要 每 隔 7 篇 加 一 个 空 行 或 平行 线 做 以 分 组 。 如 果 网 站 内 容 栏目 超出 9 个 ,如 
微软 公司 的 网 站 ,共有 11 个 栏目 ,超过 了 9 个 ,为 了 不 破坏 Miller 公式 ,在 设计 时 使 用 蓝 、 
黑 两 种 颜色 分 开 ,具体 可 以 访问 www. microsoft. com。 

4. 视觉 平衡 

网 页 设计 时 ,各 种 元 素 ( 如 图 形 文字 、 空 白 ) 都 会 有 视觉 作用 。 根 据 视 觉 原理 ,图 形 与 
一 块 文字 相 比 较 ,图形 的 视 党 作用 要 大 一 些 。 所 以 ,为 了 达到 视觉 平衡 ,在 设计 网 页 时 需 
要 以 更 多 的 文字 来 平衡 一 幅 图 片 。 另 外 ,按照 中 国人 的 阅读 习惯 是 从 左 到 右 、 从 上 到 下 ， 
因此 视觉 平衡 也 要 遵循 这 个 道理 。 

例如 ,很 多 的 文字 是 采用 左 对 齐 (Align 王 left) ,需要 在 网 页 的 右面 加 一 些 图 片 或 一 些 
较 明亮 , 较 醒 目的 颜色 。 一 般 情况 下 ,每 张 网 页 都 会 设置 一 个 页 眉 部 分 和 一 个 页 脚 部 分 ， 
页 眉 部 分 常 放置 一 些 Banner 广告 或 导航 条 ,而 页 脚 部 分 通常 放置 联系 方式 和 版 权 信息 
等 ,页 眉 和 页 脚 在 设计 上 也 要 注重 视觉 平衡 。 

同时 ,也 绝 不 能 低估 空白 的 价值 。 如 果 网 页 上 所 显示 的 信息 非常 密集 ,这 样 不 但 不 利 
于 读者 阅读 ,甚至 会 引起 读者 反感 ,破坏 该 网 站 的 形象 。 在 网 页 设计 上 ,适当 增加 一 些 空 
白 ,精炼 网 页 ,使 得 页 面 变 得 简洁 。 

5. 色彩 的 搭配 和 文字 的 可 阅读 性 

颜色 是 影响 网 页 的 重要 因素 ,不同 的 颜色 对 人 的 感觉 有 不 同 的 影响 。 例 如 ,红色 和 橙 
色 使 人 兴奋 并 使 得 心跳 加 速 ; 黄色 使 人 联想 到 阳光 ,是 一 种 快活 的 颜色 ， 黑 颜色 显得 比 
较 庄重 ,考虑 到 希望 对 浏览 者 产生 什么 影响 ,为 网 页 设计 选择 合适 的 颜色 (包括 背景 色 \ 元 
素颜 色 .文字 颜色 .链接 颜色 等 ) 。 

为 方便 阅读 网 站 上 的 信息 ,可 以 参考 报纸 的 编排 方式 将 网 页 的 内 容 分 栏 设计 ,甚至 两 
栏 也 要 比 一 满 页 的 视觉 效果 要 好 。 另 一 种 能 够 提高 文字 可 读 人 性 的 因素 是 所 选择 的 字体 ， 
通用 的 字体 (Arial Courier New .Garamond Times New Roman 中文 宋体 ) 最 易 阅 读 , 特 
殊 字 体 用 于 标题 效果 较 好 ,但 是 不 适合 正文 。 

如 果 在 整个 页 面 使 用 一 些 特殊 字体 (如 Cloister、Gothic、Script、Westminster、 华 文 彩 
云 .华文 行 楷 ) ,这 样 读者 阅读 起 来 感觉 一 定 很 糟糕 。 该 类 特殊 字体 如 果 在 页 面 上 大 量 使 
用 ,会 使 得 阅读 颇 为 费力 ,浏览 者 的 眼睛 很 快 就 会 疲劳 ,不 得 不 转移 到 其 他 页 面 。 

6. 和 谐 与 一 致 性 

通过 对 网 站 的 各 种 元 素 ( 颜 色 、 字 体 、 图 形 、 空 白 等 ) 使 用 一 定 的 规格 ,使 得 设计 良好 的 
网 页 看 起 来 应 该 是 和 谐 的 。 或 者 说 ,网 站 的 众多 单独 网 页 应 该 看 起 来 像 一 个 整体 。 网 站 
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设计 上 要 保持 一 致 性 ,这 又 是 很 重要 的 一 点 。 

一 致 的 结构 设计 可 以 让 浏览 者 对 网 站 的 形象 有 深刻 的 记忆 ; 一 致 的 导航 设计 可 以 让 
浏览 者 迅速 而 又 有 效 地 进入 在 网 站 中 自己 所 需要 的 部 分 ; 一 致 的 操作 设计 可 以 让 浏览 者 
快速 学 会 在 整个 网 站 的 各 种 功能 操作 。 破 坏 这 一 原则 ,会 误导 浏览 者 ,并 且 让 整个 网 站 显 
得 杂乱 无 章 , 给 人 留 下 不 良 的 印象 。 

当然 ,网 站 设计 的 一 致 性 并 不 意味 着 刻板 和 一 成 不 变 , 有 的 网 站 在 不 同 栏 目 使 用 不 同 
的 风格 ,或 者 随 着 时 间 的 推移 不 断 改 版 网 站 ,会 给 浏览 者 带 来 新 鲜 的 感觉 。 

7. 个 性 化 

1) 符合 网 络 文化 

企业 网 站 不 同 于 传统 的 企业 商务 活动 ,要 符合 Internet 网 络 文化 的 要 求 。 首 先 ,网 络 
最 早 是 非 正式 性 、 非 商业 化 的 ,只 是 科研 人 员 用 来 交流 信息 。 其 次 ,网 络 信 息 是 只 在 计算 
机 屏幕 上 显示 而 没有 打印 出 来 阅读 ,网 络 上 的 交流 具有 隐蔽 性 , 谁 也 不 知道 对 方 的 真实 身 
份 。 另 外 ,许多 人 在 上 网 的 时 候 是 在 家 中 或 网 吧 等 一 些 比较 休闲 、 比 较 随意 的 环境 下 。 

此 时 网 络 用 户 的 使 用 环境 所 蕴含 的 思维 模式 与 坐 在 办 公 室 里 西装 革履 的 时 候 大 相 径 
庭 。 因 此 ,整个 互联 网 的 文化 是 一 种 休闲 的 、 非 正式 性 的 .轻松 活泼 的 文化 。 在 网 站 上 使 
用 幽默 的 网 络 语言 ,创造 一 种 休闲 的 、 轻 松 愉快 , 非 正 式 的 氛围 会 使 网 站 的 访问 量 大 增 。 

2) 塑造 网 站 个 性 

另外 ,网 站 的 整体 风格 和 整体 气氛 表达 要 同 企 业 形象 相符 合并 应 该 很 好 地 体现 企业 
CI。 在 这 方面 比较 经 典 的 案例 有 : 可 口 可 乐 个 性 鲜明 的 前 卫 网 站 Life Tastes Good; 工 
整 、 全 面 、 细 致 的 通用 电气 公司 网 站 We bring good things to life(GE 带 来 美好 的 生活 ); 
崇尚 科技 创新 文化 的 3M 公司 网 站 Creating solutions for business ,industry and home; 
刻意 扮演 一 个 数字 电子 娱乐 之 集大成 者 的 角色 ,要 成 为 新 时 代 梦 想 实现 者 的 索尼 网 站 ; 
平易 近 人 、 亲 情 浓郁 的 通用 汽车 公司 网 站 体现 了 “以 人 为 本 ”的 企业 定位 和 营销 策略 ; 服 
务 全 面 、 细 致 方 便 , 处 处 体现 “宾至如归 ”服务 理念 的 希尔顿 大 酒店 网 站 。 
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1. 选择 题 

(DA WD (WA WB (WC 

2. 问答 题 

(1) HTML 文档 主要 由 3 部 分 组 成 。HTML 部 分 以 二 HTML 过 标签 开始 , 以 
< 一 /HTML 二 标签 结束 。 头 部 以 王 HEAD 标签 开始 ,以 一 /HEAD> 标 签 结束 。 主 体 
部 分 包含 在 网 页 中 显示 的 文本 .图 像 和 链接 。 主 体 部 分 以 二 BODY 二 标签 开始 ,以 
二 /BODY 二 标签 结束 。 

(2) 写 出 URL 包含 的 3 个 部 分 内 容 的 作用 。 

答 : 协议 名 称 : 是 WWW 服务 器 与 客户 之 间 遵 循 的 通信 协议 。 

服务 器 主机 名 称 : 用 来 标识 该 文件 存储 在 哪个 服务 器 上 。 

通信 端口 /文件 目录 /文件 名 称 : 是 文件 所 在 的 目录 路 径 和 文件 的 名 称 。 

(3) 简 述 动态 网 页 的 编程 语言 都 有 什么 ? 它们 的 优 缺 点 有 哪些 ? 

答 : 目前 实现 动态 网 页 的 技术 主要 有 ASP、ASP.NET、PHP 和 JSP。 

ASP 语言 的 优点 如 下 。 

J@ 使 用 VBScript\JScript 等 简单 易 懂 的 脚本 语言 ,结合 HTML 代码 , 即 可 快速 地 完 
成 网 站 的 应 用 程序 。 

@ 无 须 compile 编译 ,容易 编写 ,可 在 服务 器 端 直接 执行 。 

@ 与 浏览 器 无 关 (Browser Independence) ,客户 端 只 要 使 用 可 执行 HTML 码 的 浏览 
器 , 即 可 浏览 Active Server Pages 所 设计 的 网 页 内 容 。 

@ 能 与 任何 ActiveX Scripting 语言 兼容 。 除 了 可 使 用 VBScript 或 JScript 语言 来 
设计 外 ,还 通过 plug-in 的 方式 ,使 用 由 第 三 方 所 提供 的 其 他 脚本 语言 ,如 REXX、Perl、 
Tecl 等 。 

@ 可 使 用 服务 器 端的 脚本 来 产生 客户 端的 脚本 。 

人 @ ActiveX Server Components(ActiveX 服务 器 组 件 ) 具 有 无 限 可 扩充 性 。 

ASP 语言 的 缺点 如 下 。 

Q@ Windows 本 身 的 所 有 问题 都 会 一 成 不 变 地 也 累加 到 了 它 的 身上 。 安 全 性 、 稳 定 
性 、 跨 平台 性 都 会 因为 与 Windows 的 捆绑 而 显现 出 来 。 

@ ASP 由 于 使 用 了 COM 组 件 ,所 以 它 会 变 得 十 分 强大 ,但 这 样 的 组 件 或 是 操作 中 
一 不 注意 ,那么 外 部 攻击 就 可 以 取得 相当 高 的 权限 而 导致 网 站 瘫痪 或 者 数据 丢失 。 

@ 由 于 ASP 还 是 一 种 Script 语言 ,所 以 除了 大 量 使 用 组 件 外 ,没有 办 法 提高 其 工作 
效率 。 
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@ 无 法 实现 跨 操作 系统 的 应 用 。 

名 无 法 完全 实现 一 些 企业 级 的 功能 : 完全 的 集群 .负载 均衡 。 

JSP 语言 的 优点 如 下 。 

Oz 一 次 编写 ,随处 运行 。 

@ 系统 的 多 平台 支持 。 基 本 上 可 以 在 所 有 平台 上 的 任意 环境 中 开发 ,在 任意 环境 中 
进行 系统 部 署 ,在 任意 环境 中 扩展 。 

@ 强大 的 可 伸缩 性 。 从 只 有 一 个 小 的 Jar 文件 就 可 以 运行 Servlet/JSP, 到 由 多 台 服 
务 器 进行 集群 和 负载 均衡 ,到 多 台 Application 进行 事务 处 理 、 消 息 处 理 , 一 台 服 务 器 到 无 
数 台 服务 器 ,Java 显示 了 一 个 巨大 的 生命 力 。 

@ 多 样 化 和 功能 强大 的 开发 工具 支持 。 

@ 支持 服务 器 端 组 件 。Web 应 用 需要 强大 的 服务 器 端 组 件 来 支持 ,开发 人 员 需 要 利 
用 其 他 工具 设计 实现 复杂 功能 的 组 件 供 Web 页 面 调用 ,以 增强 系统 性 能 。JSP 可 以 使 用 
成 熟 的 Java BEANS 组 件 来 实现 复杂 商务 功能 。 

JSP 语言 的 缺点 如 下 。 

g@ 与 ASP 也 一 样 ,Java 的 一 些 优势 正 是 它 致 命 的 问题 所 在 。 正 是 由 于 为 了 跨 平台 
的 功能 ,为 了 极度 的 伸缩 能 力 , 所 以 极 大 地 增加 了 产品 的 复杂 性 。 

@ Java 的 运行 速度 是 用 class 常 驻 内 存 来 完成 的 ,所 以 它 在 一 些 情况 下 所 使 用 的 内 
存 比较 大 。 

PHP 语言 的 优点 如 下 。 

a 跨 平台 ,性 能 优越 ,可 以 和 很 多 免费 的 平台 结合 。 

@ 语法 简单 ,如 果 有 学 习 C 和 Perl 的 很 容易 上 手 ,并 且 跟 ASP 有 部 分 类 似 。 

@ 有 比较 完整 的 支持 ,比如 使 用 ADODB 或 者 PEAR::DB 做 数据 库 抽象 层 ,用 
Smarty 或 者 smart template 做 模板 层 , 如 果 是 PHP 5. 1 的 话 , 还 能 够 使 用 PDO(PHP 
Data Object) 来 访问 数据 库 。 

@ 有 很 多 成 熟 的 框架 ,比如 支持 MVC 的 框架 phpMVC, 支 持 类 似 ASP. NET 的 事 
件 驱 动 的 框架 Prado ,支持 类 似 Ruby On Rails 的 快速 开发 的 框架 Cake 等 ,足够 满足 你 的 

@ 有 很 多 开源 的 框架 或 开源 的 系统 可 以 使 用 ,比如 比较 知名 的 开源 框架 有 Zend 
Framework、CakePHP、Codelgniter、.symfony 等 。 

PHP 语言 的 缺点 如 下 。 

Q@ 对 多 线程 支持 不 太 好 ,大 多 数 时 候 我 们 只 能 简单 的 模拟 去 实现 的 。 

@ 语法 不 太 严谨 ,比如 变量 不 需要 定义 就 可 以 使 用 ,在 C,Java,C++ 中 变量 是 必须 先 
定义 以 后 才 可 以 使 用 的 。 

ASP.NET 语言 的 优点 如 下 。 

Q@ 增强 的 性 能 。ASP .NET 是 在 服务 器 上 运行 的 编译 好 的 公共 语言 运行 库 代码 。 
与 被 解释 的 前 辈 不 同 ,ASP.NET 可 利用 早期 绑 定 、 实 时 编译 .本 机 优化 服务 。 这 相当 于 
在 编写 代码 行 之 前 便 显著 提高 了 性 能 。 

@ 世界 级 的 工具 支持 。ASP.NET 框架 补充 了 Visual Studio 集成 开发 环境 中 的 大 


238) ASP.NET 动 态 网 站 变 计 与 制作 


量 工具 箱 和 设计 器 。WYSIWYG 编辑 、 拖 放 服 务 器 控件 和 自动 部 署 只 是 这 个 强大 的 工具 
所 提供 功能 中 的 少数 几 种 。 

@ 威力 和 灵活 性 。 由 于 ASP.NET 基于 公共 语言 运行 库 , 因 此 Web 应 用 程序 
人 员 可 以 利用 整个 平台 的 威力 和 灵活 性 。. NET etiolated dd 
都 可 从 Web 无 缝 访问 。ASP .NET 也 与 语言 无 关 , 所 以 可 以 选择 最 适合 应 用 程序 的 语 
言 ,或 跨 多 种 语言 分 割 应 用 程序 。 另 外 ,公共 语言 运行 库 的 交互 性 保证 在 迁移 到 ASP . 
NET 时 保留 基于 COM 的 开发 中 的 现 有 投资 。 

@ 简易 性 。ASP.NET 使 执行 常见 任务 变 得 容易 ,从 简单 的 窗 体 提 交 和 客户 端 身 
份 验证 到 部 署 和 站 点 配置 。 例 如 ,ASP.NET 页 框架 使 您 可 以 生成 将 应 用 程序 逻辑 与 
表示 代码 清楚 分 开 的 用 户 界 面 ,和 在 类 似 Visual Basic 的 简单 窗 体 处 理 模型 中 处 理事 
件 。 另 外 ,公共 语言 运行 库 利 用 托管 代码 服务 (如 自动 引用 计数 和 垃圾 回收 ) 简 化 了 
开发 。 

@ 可 管理 性 。ASP.NET 采用 基于 文本 的 分 层 配置 系统 ,简化 了 将 设置 应 用 于 服务 
器 环境 和 Web 应 用 程序 。 由 于 配置 信息 是 以 纯 文本 形式 存储 的 ,因此 可 以 在 没有 本 地 管 
理工 具 帮 助 的 情况 下 应 用 新 设置 。 此 “ 零 本 地 管理 "哲学 也 扩展 到 了 ASP.NET 框架 应 用 
程序 的 部 署 。 只 需 将 必要 的 文件 复制 到 服务 器 , 即 可 将 ASP.NET 框架 应 用 程序 部 署 到 
服务 器 。 不 需要 重新 启动 服务 器 ,即使 是 在 部 署 或 替换 运行 的 编译 代码 时 。 

@ 可 缩放 性 和 可 用 性 。ASP.NET 在 设计 时 考虑 了 可 缩放 性 ,增加 了 专门 用 于 在 聚 
集 环境 和 多 处 理 器 环境 中 提高 性 能 的 功能 。 另 外 ,进程 受到 ASP.NET 运行 库 的 密切 监 
视 和 管理 ,以 便当 进程 行为 不 正常 (泄露 , 死 锁 ) 时 ,可 就 地 创建 新 进程 ,以 帮助 保持 应 用 程 
序 始终 可 用 于 处 理 请 求 。 

@ 自 定义 性 和 可 扩展 性 。ASP.NET 随 附 了 一 个 设计 周到 的 结构 , 它 使 开发 人 员 可 
以 在 适当 的 级 别 * 插 入 代码。 实际 上 ,可 以 用 自己 编写 的 自 定义 组 件 扩 展 或 替换 ASP . 
NET 运行 库 的 任何 子 组 件 。 实 现 自 定义 身份 验证 或 状态 服务 一 直 没 有 变 得 更 容易 。 

@ 安全 性 。 借 助 内 置 的 Windows 身份 验证 和 基于 每 个 应 用 程序 的 配置 ,可 以 保证 
应 用 程序 是 安全 的 。 

ASP .NET 语言 的 缺点 如 下 。 

a 数据 库 的 连接 复杂 。 

@) 不 具有 跨 平 台 性 ,只 支持 Windows 平台 。 

@ 在 内 存 使 用 和 执行 时 间 方 面 耗费 非常 大 。 


第 2 章 习题 答案 
见 资源 包 。 
第 3 章 习 题 答 案 
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2. 简 答题 

(1) 在 网 站 的 页 面 中 添加 控件 有 哪 两 种 方法 ? 

g@ 在 窗口 左 侧 的 工具 箱 中 双击 控件 , 则 控件 以 默认 位 置 .默认 风格 直接 搬 和 人 页 面 中 。 

@ 将 工具 箱 中 的 控件 直接 拖 动 到 页 面 指定 位 置 。 

(2) 进入 代码 编辑 窗口 有 哪 两 种 方法 ? 

Q@ 双击 控件 , 即 进入 控件 编程 界面 。 

@ 在 属性 面板 上 部 单 击 事件 切换 图 标 , 选 定 特定 事件 后 ,双击 相应 事件 , 即 可 启动 代 
码 编辑 窗口 。 


第 4 章 习题 答案 
( 略 ) 
第 5 章 习 题 答案 
( 略 ) 
第 6 章 习 题 答案 
(了 略 ) 
第 7 章 习 题 答案 
( 略 ) 
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